我的 Laravel Mix 应用程序将放置在服务器上的子目录中,例如:http://localhost/pat-os-server/public/ http://localhost/pat-os-server/public/
我的 vue 组件中的图像路径编译自
<img id="logo" src="../assets/img/pat_logo.png">
To
<img id="logo" src="/images/pat_logo.png">
现在,由于应用程序所在的子目录,图像未显示。正确的路径应该是图片/pat_logo.png(相对 - 首选)或/pat-os-server/public/images/pat_logo.png(绝对)
我尝试在 webpack.mix.js 中设置输出路径,如下所示:
mix.setPublicPath('/pat-os-server/public/');
mix.setResourceRoot('/pat-os-server/public/');
但这不会改变输出路径。依然是/images/pat_logo.png。我希望它是/pat-os-server/public/images/pat_logo.png现在。对 setPublicPath 和 setResourceRoot 使用其他值(包括“/”和“”)不会造成任何差异。
我在调用其他方法之前放置了路径设置方法,所以我当前的 webpack.mix.js 如下所示:
const { mix } = require('laravel-mix');
mix.setPublicPath('/pat-os-server/public/');
mix.setResourceRoot('/pat-os-server/public/');
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');
如何获取图像的相对输出路径或更改绝对路径?
感谢您的支持。
Edit
我刚刚意识到,在我的 laravel 项目中创建了一个子文件夹“pat-os-server”,并将所有已编译的项目文件复制到该子文件夹中。所以看来我误解了 setPublicPath 设置。
I don't想要将输出文件放入另一个文件夹中。我希望项目中的 URL 指向正确的路径,该路径不是主机/根目录,而是子目录。