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

<filter>
<filter-name>CorsFilter</filter-name>
<filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
<init-param>
<param-name>cors.allowed.methods</param-name>
<param-value>GET,POST,HEAD,OPTIONS,PUT</param-value>
</init-param>
<init-param>
<param-name>cors.allowed.headers</param-name>
<param-value>Access-Control-Allow-Origin,Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Head
ers</param-value>
</init-param>
<async-supported>true</async-supported>
</filter>
<filter-mapping>
<filter-name>CorsFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>