springboot+vue脚手架使用nginx前后端分离

1.vue配置

/**
 *
 * 相对于该配置的nginx服务器请参考nginx配置文件
 *
 */
module.exports = {
  // 基本路径
  publicPath: '/',
  // 输出文件目录
  outputDir: 'dist',
  // webpack-dev-server 相关配置
  devServer: {
    port: 5577, // 端口号
    host: "localhost", // IP地址
    open: false, // 配置自动启动浏览器
    proxy: {
      '/api': { // 相当于请求遇见 /api 才做代理
        target: 'http://localhost:9351/bg/',
        ws: true, // 是否启用websockets
        changeOrigin: true, // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样客户端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: {
          '^/': '' // 真实的请求中没有/api，所以在请求接口中把 /api 去掉
        }
      }
    }
  }
}

2.nginx配置

    server {
        listen 9351;
        server_name localhost;

        location ~ ^\/bg\/(.*)$ {
            proxy_pass http://192.168.2.202:9000/PlayBoyBox/$1;
        }
    }