码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2021-02-08 11:40:26      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:地址   nginx服务器   sockets   open   put   targe   跨域   write   out   

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;
        }
    }

 

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

标签:地址   nginx服务器   sockets   open   put   targe   跨域   write   out   

原文地址:https://www.cnblogs.com/wwct/p/14380992.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!