我在部署使用Webpack CLi构建的Vue JS应用程序时遇到问题。
如果将其上传到根目录中,则所有内容都可以正常显示,但是在子文件夹中,所有链接都将断开。
我添加了基本href:
<base href="/dist/">
并且脚本已加载,但Webpack创建的所有资产路径均已损坏,图像和字体指向根目录时未加载。
谁能帮忙吗?
我在部署使用Webpack CLi构建的Vue JS应用程序时遇到问题。
如果将其上传到根目录中,则所有内容都可以正常显示,但是在子文件夹中,所有链接都将断开。
我添加了基本href:
<base href="/dist/">
并且脚本已加载,但Webpack创建的所有资产路径均已损坏,图像和字体指向根目录时未加载。
谁能帮忙吗?
如果您使用
npm install -g @vue/cli
vue ui
那么您应该在顶部项目文件夹(package.json所在的位置)中创建文件vue.config.js,然后像上面一样粘贴。
假设您使用的是来自vue-cli的webpack模板,则需要
assetsPublicPath
在config / index.js中编辑该属性-注意,有一个forbuild
和fordev
请查看文档中的“ 处理静态资产”部分,以获取更多信息。
更新:
CLI v3 +用户的较新链接:https : //cli.vuejs.org/guide/html-and-static-assets.html
注意,该属性只是被调用
publicPath