最近折騰了一個vue的項目,想放到自己的雲端伺服器上,伺服器系統是centos 7,已經安裝了node和nginx,但是把打包好的項目通過nginx代理後,發現不能進行跨域請求,於是各種google百度如何在nginx配置cors跨域,試了很多代碼,都沒效果,望大神幫我看一下。
nginx.conf配置如下:
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name maxutian.cn www.maxutian.cn;
root /root/hexo/public;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}
server {
listen 80;
server_name music.maxutian.cn;
root /root/dist;
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS';
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}
由於伺服器中不只一個vue項目,所以設定了一個二級域名,寫了兩個server。第一個server是我的博客,第二個server是vue專案。我的配置應該沒問題把?
樓主需要先了解什麼是CORS,推薦先看看以下這篇文章
HTTP存取控制(CORS)
參考我寫的知乎專欄文章:
https://zhuanlan.zhihu.com/p/...
劃重點- add_header 要加 always:
可以使用nginx代理轉送來實現跨域
將http://127.0.0.1/api/請求轉寄到http://127.0.0.1:8081