springboot+vue脚手架使用nginx前后端分离
2021-03-03 22:28
标签：地址 nginx服务器 sockets open put targe 跨域 write out springboot+vue脚手架使用nginx前后端分离 标签：地址 nginx服务器 sockets open put targe 跨域 write out 原文地址：https://www.cnblogs.com/wwct/p/14380992.html1.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前后端分离
文章链接：http://soscw.com/index.php/essay/59712.html