使用cors-anywhere-master 解决VUE+AXIOS跨域问题

在VUE框架中,用AXIOS加载微信文章,遇到跨域问题!

解决方案:

1、去GITHUB下载 cors-anywhere-master

GitHub - Rob--W/cors-anywhere: CORS Anywhere is a NodeJS reverse proxy which adds CORS headers to the proxied request.

使用cors-anywhere-master 解决VUE+AXIOS跨域问题_第1张图片

2、解压到本地:

 使用cors-anywhere-master 解决VUE+AXIOS跨域问题_第2张图片

这里注意,解压后文件夹中存在的两个Package.json和package-lock.json文件,不可以删除哦!

3、在本地运行CMD命令(用管理员身份)

使用cors-anywhere-master 解决VUE+AXIOS跨域问题_第3张图片

运行二条重要的命令 :

1、npm install;

2、node server.js;

看到“Running CORS Anywhere on 127.0.0.1:8090 你就成功了!

使用cors-anywhere-master 解决VUE+AXIOS跨域问题_第4张图片

 

4、在VUE框架中,使用AXIOS调用微信文章的网页地址就OK了。

使用cors-anywhere-master 解决VUE+AXIOS跨域问题_第5张图片

 

使用cors-anywhere-master 解决VUE+AXIOS跨域问题_第6张图片

 

 【结束】

你可能感兴趣的:(vue,Web前端开发,vue.js,前端,javascript,Axios,cors-anywhere)