一、原项目回滚到最初。(前端做过 proxy 代理配置)
二、下载 nginx 稳定版 ,并解压到自己所指定的位置
三、配置 nginx ,找到它下边的 conf 文件中的 nginx.conf文件
备注(问后端 server 如何配置,从后端那拉过来直接用)
server {
listen 8090; // 启动时地址栏对应的端口
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location /xxx/api {
proxy_pass http://xx.xx.xxx.xxx:xxxxx/api;
}
location /{
proxy_pass http://localhost:8080;
// 👆对应 vue 项目中 config 文件夹下的 index.vue 中的port: 8080,
}
四、保存后启动 nginx。
1.在 nginx 当前文件夹中输入 cmd 。输入指令 nginx.exe 启动。(保持不关闭状态)
2.在 nginx 当前文件夹中输入 cmd 。(新开启一个) 输入指令 nginx -s reload 保存之前的更改。
五、启动 vue 项目 npm run dev 。地址栏输入 http://localhost:8090
六、nginx 本地代理成功。