laravel - 访问特定嵌套页面时，VueJS / Laravel 的相对路径不起作用（路由器历史记录开启）

Question

所以这是我的问题。我有一个名为 www.blog.com 的站点博客站点，它是根 URL。我像这样链接我的图像。

基本上对于根 URL URL：www.blog.com
资源路径： public/img/blog-logo.png <img :src="public/img/blog-logo.png">

对于嵌套路由 URL: www.blog.com/blog/i-am-a-post
Resource Path : public/img/blog-logo.png.<img :src="public/img/blog-logo.png">

这几乎是一样的。如果我转到主 www.blog.com目录并导航到www.blog.com/blog/i-am-a-post我可以看到图像。但是，当我www.blog.com/blog/i-am-a-post在浏览器中直接访问（即输入 URL）时，我的图像路径看起来像这样www.blog.com/blog/i-am-a-post/public/blog-logo.png。所以我的问题是如何配置或处理图像路径？当用户直接访问一个页面？

我已经有了一个解决方案，方法是创建一个图像辅助方法，即根据 URL 路径的嵌套程度，在v-bind:src="assetURL + 'public/img/blog-logo.png'"哪里assetURL创建是动态的。'../'但我想知道你们是如何实现这种方式的。谢谢！

标签： laravelvue.js

Answer 1

你在使用 laravel.mix 的 laravel+vue 吗？您可以只调用/img/blog-logo.png公共文件夹内的 img 文件夹。