vue代理跨域

参考了 www.cnblogs.com/wasbg/p/109…

以请求 csdn 的接口为例

1. 如果直接请求，就会报错，跨域。

// 地址
https://www.csdn.net/api/articles?type=more&category=home&shown_offset=1524276761019196&first_view=false
复制代码

2. 报错信息如下图所示：

如何解决

1. 在与 src 同级目录下新建 vue.config.js 文件，配置如下

• target：要跨域的域名
• changeOrigin：是否允许跨域
• pathRewrite：重写路径，将 api 替换成空，相当于变量，写的路径会在域名后拼接

2. 请求的时候就不用域名了【配好代理后，就是因为这里带了域名，导致还是报跨域的错】

3. 这样就可以请求到了

总结

通过 vue 代理，解决跨域问题。
因为第一次弄，代理配置域名后，请求的时候也带了域名，所以导致一直报跨域的错。