1.配置conf目录下的nginx.conf文件里的server
server { listen 8080; server_name localhost; location / { root html/dist; index index.html index.htm; } //在下面这里配置反向代理 axios 以及ajax请求一定要是本地的连接,不要请求后台端口,让代理的去请求后台端口,这样才不会跨域(只有请求本地的端口以后,nginx才可以进行反向代理) location /api/ { //请求连接遇到/api/以后自动将前面的连接转换为下面 //proxy_pass 里面的地址 proxy_pass http://127.0.0.1:7001; //这里注意空格的数量 } }
2.详解!!!!!仔细看 这里面有坑
本地地址为 http://127.0.0.1:8080
后端端口地址为 http://127.0.0.1:7001
1.在挂载的静态文件中的axios以及其他请求都设置请求为本地也就是 http://127.0.0.1:8080这样才可以进行反向代理
2.nginx.conf文件里面按代码里面新增加一个location
请求连接遇到/api/以后自动将前面的连接转换为下面proxy_pass 里面的地址
axios 以及ajax请求一定要是本地的连接,不要请求后台端口,让代理的去请求后台端口,这样才不会跨域(只有请求本地的端口以后,nginx才可以进行反向代理)
3.最坑的就是格式错误了 空格啦 换行啦啥的都会跨域失败