解决H5端跨域问题

前段时间在用vue写页面时，总是遇到H5跨域的问题，请求不到数据，报错：

解决方法:

1.uniapp内：

添加proxy代理，点击manifest.json文件，在源码视图的代码中h5配置项，devServer下添加代码

 "proxy" : {
		        "/api" : {
		            "target" : "http://81.68.254.47/api",
		            "changeOrigin" : true,
		            "ws" : true,
		            "pathRewrite" : {
		                "^/api" : ""
		            }
		        }
		    }

如下图位置：

同时在request.js中添加：

// #ifdef H5
var baseURL = "/api"
// #endif

如下图位置：

2.vant等框架内：三步走

 

最后在vue.config.js中devServer中添加:

  然后调用你写好的接口，就可以在H5端拿到数据了。

补充：什么是跨域？ 以及更多的解决方法，请参考：什么是跨域及怎么解决跨域问题？_lianzhang861的博客-CSDN博客_如何解决跨域问题https://blog.csdn.net/lianzhang861/article/details/84871369https://blog.csdn.net/lianzhang861/article/details/84871369