一个域名下配置多个vue项目

公司写的网站要英文和中文的，或者门户网站需要移动端和PC端两种布局，所以就写了两个项目，都是用vue写的单页面项目，但是域名只有一个，所以就想把两个vue项目合并到一个域名下面。

实现起来很简单：

1.配置基本路径：

第一个项目在vue.config.js 中 配置 publicPath: "/first/"
第二个项目在vue.config.js 中 配置 publicPath: "/second/"

2.服务器上分别新建两个项目文件夹

3.后台nginx配置：

location ~ /(\w+) {
    try_files $uri $uri/ /$1/index.html
}

4.访问路径

http://demo.xx.com/first/   访问第一个项目
http://demo.xx.com/second/   访问第二个项目