在子目录中部署VueJS App

webpack Webpack

米亚凯

2020-03-12

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

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

我添加了基本href：

    <base href="/dist/">

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

谁能帮忙吗？

第1272篇《在子目录中部署VueJS App》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
神无LEYMandy 2020.03.12

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

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

更新：

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

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

古一阳光 2020.03.12

如果您使用

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android