vue更改端口和跨域设置

1.更改端口的监听

找到config文件夹下面的index.js打开后找到port:并修改

(图片防盗链:图片接口没错,但是总是报403错误,只需要再index.html中添加上

<metaname="referrer"content="never">

可以无视接口的限制

2.跨域设置

1.前端解决:找到config文件夹下面的index.js打开后找到proxyTable,改为

proxyTable: {

'/api': {

target:'http://www.abc.com',//目标接口域名

changeOrigin:true,//是否跨域

pathRewrite: {

'^/api':'/api'//重写接口

     }

   },

cssSourceMap:false

}

2.后端解决:(express为例)

//设置允许指定域名“http://www.zhangpeiyue.com”跨域:

app.use("*",function(req,res,next){

//设置允许跨域的域名,*代表允许任意域名跨域

res.header("Access-Control-Allow-Origin","http://www.zhangpeiyue.com");

//允许的header类型

res.header("Access-Control-Allow-Headers","content-type");

//跨域允许的请求方式

res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    他方l阅读 1,086评论 0 2
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    Yaoxue9阅读 1,336评论 0 6
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    HeroXin阅读 862评论 0 4
  • Section1、为什么要跨域? 自古以来(1995年起),为了用户的信息安全,浏览器就引入了同源策略。那么同源策...
    qhaobaba阅读 397评论 0 0
  • 欢迎关注微信公众号:全栈工厂 本文主要参考跨域资源共享 CORS 详解[http://www.ruanyifeng...
    liqingbiubiu阅读 1,912评论 0 3