zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    【自学php】第三天
    【自学php】第二天
    【自学php】第一天-macbook上配置php
    js数值转换
    js题
    【练习】响应式布局
    6.数据查询
    5.删除数据
    4.更新数据
    3.插入数据
  • 原文地址:https://www.cnblogs.com/Carr/p/9238845.html
Copyright © 2011-2022 走看看