Vue-cli3 配置新项目到原有项目的子目录下

最近开发的一个新项目放测试服发现各类请求一直报404，发现路径不对了，找了半天原因原来是我的项目被总架构放到了原有项目的一个子目录里。

配置子目录

首先创建 vue.config.js,然后看代码吧！

module.exports = {
  baseUrl: process.env.NODE_ENV === 'production'? '/xxx/': '/',
  //判断是否生产环境，如果是就把xxx配置为子目录
  productionSourceMap: false,
  devServer:{
    proxy:{
      '/api':{
        target:'http://xxx.xx.xx.xx:xx',//代理地址
        changeOrigin: true,
      }
    }
  },
}

然后在router.js配置

import Vue from 'vue'
import Router from 'vue-router'
export default new Router({
    base: '/xxx/',//配置base属性，声明路由根目录	
    routes: [
        {
            name: "home",
            path: '/',
            component: HOME,
            children: [
                {
                    name: 'zzz',
                    path: 'zzz',
                    component: zzz,
                },
                
            ]
        }
    ]
})

差不多就可以，总之在我自己的项目里我只配置了这些就解决了问题！