vue-一个域名多个项目的nginx配置

本身nginx很方便， 但是有些项目是工程化的， 比如vue打包后，项目是绝对路径的模式， 这样就找不到路径，报错了。

以vue为例子：

vue 2.0cli

1： 找到config/index.js 修改

assetsPublicPath的value， 假设区分的路径是'test', 比如项目的地址是mysy.vip/test/。
我们等下以baseUrl作为这个路径
var baseUrl = '/test/'
然后找到router，

2： history模式的话，路径都是绝对的， 如果多个项目， 会冲突， 所以，需要加个base路径， 再 vue Router里面提供了一个base的属性， base: baseUrl

3: 修改nginx

location /test/ {
  alias /路径/; # 记得最后加个斜杆，root的话就不用 root /路径;
  try_files $uri $uri/ @router;
  index index.html;
}

4: 重启

nginx -s stop
nginx

--END--