vue跨域，uniapp H5网页跨域问题

再见 1998

已于 2023-04-06 15:35:46 修改

阅读量608

点赞数

分类专栏：跨域 vue js 文章标签： vue.js uni-app javascript 前端

于 2023-04-06 15:26:06 首次发布

本文链接：https://blog.csdn.net/weixin_41582348/article/details/129988789

版权

uniapp本地开发跨域解决

摘要由CSDN通过智能技术生成

跨域就是本地在浏览器开发的时候遇到的同源策略问题，app、小程序那些是没有跨域的，只是本地浏览器中开发会遇到此类问题，上线后资源处于同一服务器不会发生跨域，上线前要把处理跨域的代码注释还原以免报错
直接记录解决方式：
1.第一种与vue设置跨域一样
在根目录下创建一个vue.config.js：

module.exports = {
   
	devServer: {
   
		proxy: {
    //配置跨域
			'/api': {
    // '/api'是用来匹配地址的
				target: 'https://www.xxx.com', //这里后台的地址模拟的;应该填写你们真实的后台接口
				changOrigin: true, //允许跨域
				pathRewrite: {
    //重写路径,就是将上面的/api替换为''
					'^/api': '',
					/*
					例子:假如我们请求的完整路径是https://www.xxx.com/public/shoplist
						那么按现在这种写法,在请求方法应该写成:get("/api/public/shoplist")
						在浏览器查看请求Request URL会显示:http://localhost:8080/api/public/shoplis
						因为重写了 '^/api':