同一个域名下面配置多个项目----（vue项目)

• 需求:

同一个域名下面要配置多个项目时，如何去区分不同的项目

• 解决方案：

需要给每个项目添加一个前缀。

• 具体执行:（这里我用到的是vue-cli3)

(1)首先需要在vue.config.js中配置如下的两个属性：

publicPath: process.env.NODE_ENV === 'production' ? '/mobile/' : '/',
    
outputDir: 'dist/mobile',

(2)其次需要在router里面配置base属性：

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL
  routes
})

(3)最后在ngnix配置，然后部署项目就可以了

• 访问：

访问就通过域名加具体的前缀来访问，例如：xxx.com/mobile