uniapp 配置proxy 跨域代理

1.在manifest.json 文件中的 devServer添加:

"devServer" : {
            "https" : false,
            "proxy" : {
                "/test" : {
                    "target" : "http://192.000.0.00:9999", //请求的目标域名
                    "changeOrigin" : true,
                    "secure" : false,
                    "pathRewrite" : {
                        "^/test" : "/"
                    }
                }
            },
            "port" : 8080
        },

2.request.js文件中  /test  环境就代表这使用了本地代理,你的接口请求地址也会变成自己本地的地址

const request = (obj) => {
	obj.url = obj.url || '';
	obj.method = obj.method || 'GET';
	obj.data = obj.data || {};
	return new Promise((resolve, reject) => {
		uni.request({
			// 使用代理拼接
			url: '/test' + obj.url,
			method: obj.method,
			data: obj.data,
			// 请求头携带
			header: {
				'token': sessionStorage.getItem('token')
			},
			// 接口成功调用
			success: res => {
				if (res.data.code === 508) {
					wx.showModal({
						title: '提示',
						content: '未登录或登录已失效,将跳转到登录界面',
						success: function (res) {
							if (res.confirm) {
								uni.navigateTo({
									url: '/pages/messagecode/messagecode'
								})
							} else {
								console.log('用户点击取消')
							}
						}
					})
				} else {
					resolve(res.data);
				}
			},
			// 接口失败调用
			fail: (err) => {
				reject('请求失败');
			},
			complete: () => {
			}
		})
	})
}

export default request

你可能感兴趣的:(uniapp,前端,javascript)