Vue-cli如何实现打包 config/index.js文件

本篇文章给大家分享的是有关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文件，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。