uniapp解决跨域问题

方法1:

uniapp解决跨域问题_第1张图片

 uniapp解决跨域问题_第2张图片

 配置:

"proxy": {
				"/api": {
					"target": "https://s2.lakala.com",
					"changeOrigin": true,
					"pathRewrite": {
						"^/api": "/api"
					}
				}
			}

目标路径

https://s2.lakala.com/api/v3/labs/relation/refund 

最终请求路径

/api/v3/labs/relation/refund

方法2:

项目根目录新建  vue.config.js 

uniapp解决跨域问题_第3张图片

代码

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://ad.oceanengine.com',
        pathRewrite: {
          '^/api': ''
        }
      }
    },
  }
}

目标路径

https://ad.oceanengine.com/open_api/2/advertiser/fund/daily_stat/

最终请求路径 

/api/open_api/2/advertiser/fund/daily_stat/

注意注意注意此方法一定要:

1. 删除源码视图中  devServer  整段代码 !!!!!!(方法1会覆盖方法2的devServer ,因此一定要删除 )

uniapp解决跨域问题_第4张图片

 2. 重启项目!!!!!重启项目!!!!!重启项目!!!!!

 

使用方法2一定要 删除 和 重启   。本人亲测有效,没起作用的就是没配置好 !!!

你可能感兴趣的:(uni-app,前端,javascript)