vue(vue.config.js)
devServer: {
proxy: {
['/api']: {
target: `http://192.168.1.162:48080`,
changeOrigin: true,
pathRewrite: {
['^/api']: '/'
}
},
}}
nginx 通用
官方网站:https://nginx.org/en/download.html
安装(Stable version稳定版)
下载后解压(切记不能含有中文路径)
启动
启动命令:nginx
关闭命令:nginx -s stop
配置文件:"E:\nginx-1.22.1\conf\nginx.conf"
http:{
server {
listen 58403;
server_name localhost;
location / {
proxy_pass http://localhost:8080;/// 访问项目的路径
}
location /api {
proxy_pass http://123456/api;
}
}
}
效果
打开浏览器访问locahost:58403 ,会代理到本地项目访问地址,项目中遇到 /api 开头的接口都会代理到 http://123456/api