// vue.config.js文件
// 环境baseUrl
const devEnv = require('./dev.env');
const jsonpAPI = devEnv.JSONP_API.replace(/"/g, '');
module.exports = {
dev: {
proxyTable: {
'/api': {
// 请求的服务器地址
target: jsonpAPI,
changeOrigin: true, // 允许跨域
pathRewrite: {
'^/api': ''
},
}
},
}
};
import axios from 'axios';
// 创建axios实例
const service = axios.create({
baseURL: '/api',
withCredentials: true,
});
本文介绍了如何在Vue项目的vue.config.js中设置API代理,以解决跨域问题。通过设置proxyTable,将'/api'路径的请求指向指定服务器地址,并启用跨域。同时展示了创建一个axios实例,设置基础URL为'/api',并开启带Cookie的请求。这有助于在开发环境中顺畅地进行前后端交互。
5584

被折叠的 条评论
为什么被折叠?



