本篇文章给大家分享的是有关Vue-cli如何实现打包 config/index.js文件，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
默认情况下以当前域名为根目录向下访问。
举例，若需要部署到www.***.com/catalog1/catalog2/下，需要更改
1、config/index.js文件中，build下assetsPublicPath属性为'/catalog1/catalog2/'，如下：
build: {
assetsPublicPath: '/catalog1/catalog2/',
默认情况下该值为'/'（该属性目测是webpack打包时的文件引用路径的基础路径）。
2、修改路由base属性为'/catalog1/catalog2/',如下：
export default new Router({
mode: 'history',
base: '/catalog1/catalog2/',
routes: [
{
path: '/',
name: 'indexContent',
component: indexContent
}
]
})其中mode设置为'history'可清除路径中的#（本地测试有效）。
设置完成后重新打包。
补充知识：vue-cli打包并配合nginx域名二级子目录
可以修改三个配置
1.路由
const route = new Router({
mode : 'history',
base: '/admin/',
routes:[]
})2.打包文件 config/index.js
build设置
assetsPublicPath: '/admin/',
3.nginx配置
try_files $uri $uri/ /admin/index.html;
4.项目目录配置实例
项目路径 web/admin/index.html
以上就是Vue-cli如何实现打包 config/index.js文件，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
