vue-cli解决跨域问题

1:后端解决

设置Access-Control-Allow-Origin   为*

php:   

header('Access-Control-Allow-Origin:*');//允许所以域名访问

.net :  

   
      
        
        
        
      
    

java:

response.setHeader("Access-Control-Allow-Origin", "*");

2:前端设置反向代理

 ----------开发模式下使用。代理是基于node运行的。

反向代理(Reverse Proxy)方式是指以代理服务器来接受网络上的连接请求,然后将请求转发给内部网络上的服务器,并将服务器上得到的结果返回给请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。客户端无需做任何配置。

正向代理 在客户端和原始服务器(origin server)之间架设一个代理服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代理。

·修改config/index.js 文件(改完之后千万记得要重新 npm run dev)

vue-cli解决跨域问题_第1张图片

------------正式环境,即build之后的

nginx 解决方案:

配置conf文件:

    location /api {
		proxy_set_header Host $http_host;
		proxy_pass   http://192.168.*.*:8014; #此处修改为自己的接口请求地址/资源文件路径地址
    }

3.直接用jsonp

你可能感兴趣的:(js,vue)