vue 前端请求跨域解决办法
在你的 Vue 项目根目录下创建或修改 vue.config.js
文件
module.exports = {devServer: {proxy: {'/api': { // 代理标识,可以自定义target: 'http://116.62.151.92:8082', // 后端服务器地址changeOrigin: true, // 是否改变请求源pathRewrite: {'^/api': '' // 重写路径,去掉/api前缀},secure: false, // 如果是https接口,需要配置这个参数// 可以添加更多配置如 headersheaders: {'Connection': 'keep-alive'}}}} }
// 使用 axios 的示例 axios.get('/api/enms/app_webs/core/ashx/maindata/datashow.ashx', {params: {proid: '73e9ff08330e4f84acb28077af51bdbe',company: '11a7a193aaa34fd39b07b19d17b39f9c',questr: '',r: Math.random(),page: 1,rows: 30,_: new Date().getTime() // 时间戳防止缓存} }).then(response => {console.log(response.data); }).catch(error => {console.error(error); });