在子目录中部署VueJS App

我在部署使用Webpack CLi构建的Vue JS应用程序时遇到问题。

如果将其上传到根目录中,则所有内容都可以正常显示,但是在子文件夹中,所有链接都将断开。

我添加了基本href:

    <base href="/dist/">

并且脚本已加载,但Webpack创建的所有资产路径均已损坏,图像和字体指向根目录时未加载。

谁能帮忙吗?

神无LEYMandy2020/03/12 18:20:56

假设您使用的是来自vue-cli的webpack模板,则需要assetsPublicPathconfig / index.js中编辑该属性-注意,有一个for build和fordev

请查看文档中的“ 处理静态资产”部分,以获取更多信息。

更新:

CLI v3 +用户的较新链接:https : //cli.vuejs.org/guide/html-and-static-assets.html

注意,该属性只是被调用 publicPath

古一阳光2020/03/12 18:20:56

如果您使用

npm install -g @vue/cli vue ui 那么您应该在顶部项目文件夹(package.json所在的位置)中创建文件vue.config.js然后像上面一样粘贴。