nginx部署VUE跨域访问api

H5端配置跨域

nginx跨域配置

server {
listen 80;
charset utf-8;
server_name you_dome_name;
#location /tasklist.jsp {           #这个没用。这是我们的业务需求
#rewrite /webpage/task/tasklist.jsp /dist/index.jsp;
#} 
location / {
try_files $uri $uri/ /index.html;
root /application/nginx/html/dist;　　　　###dist文件位置
index index.html index.htm index.php;
add_header 'Access-Control-Allow-Origin' 'http://you_dome_name';         ### 这里的链接可以是* 表示允许所有域名
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET,POST';　　　　　　###支持get post方式
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}

}

 

 

如果服务端是tomcat ，tomcat跨越也需要配置

vim /application/tomcat1/conf/web.xml

CorsFilter
org.apache.catalina.filters.CorsFilter

cors.allowed.methods
GET,POST,HEAD,OPTIONS,PUT


cors.allowed.headers
Access-Control-Allow-Origin,Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Head
ers

true


CorsFilter
/*

转载于:https://www.cnblogs.com/Carr/p/9238845.html