vue路由采用history模式时nginx上的配置

router.js
// 微前端项目/xx-web-xx，子项目的base也许以/xx-web-开头
new VueRouter({
  mode: 'history',
  base: '/xx-web-xx-xx',
  routes
})
nginx配置
	location ~* ^/xx\-web\-.* {
         root  html/;
         try_files $uri $uri/ /xx-web-xx-xx/index.html;
         index index.html;
   }
// 普通项目
new VueRouter({
  mode: 'history',
  base: '/xx-xx-xx',
  routes
})
location ^~ /xx-xx-xx/ {
         root  html/;
         try_files $uri $uri/ /xx-xx-xx/index.html;
         index index.html;
   }
nginx配置反向代理
vue.config.js中
proxy: {
	'/xxApi': {
        target: '代理服务器地址'
          changeOrigin: true,
          pathRewrite: {
            '^/xxApi': '/' // 这里理解成用‘/systemApi’代替target里面的地址，后面组件中我们掉接口时直接用api代替
          }
      },
},
location ^~ /xxApi/ { // 
	proxy_pass 代理服务器地址;
	proxy_set_header   Host    $host;
	proxy_set_header   X-Real-IP   $remote_addr;
	proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
}