本文介绍了在Vue项目中如何处理Ajax请求，包括前端和后端解决跨域问题的方法，如Vue.config.js中设置代理和使用CORS。同时，文章详细展示了如何封装axios，包括设置基础URL、拦截器以及请求示例。最后，给出了具体的组件中调用API获取数据的代码示例。
Ajax请求
1>解决跨域问题
1.1前端解决。只需要在vue.config.js中增加devServer节点增加代理：
const path = require("path");
const resolve= dir =>path.join(__dirname, dir);
const BASE_URL= process.env.NODE_ENV === 'procution' ? '/iview-admin/' : '/'module.exports={
lintOnSave:false,
baseUrl: BASE_URL,
chainWebpack: config=>{
config.resolve.alias.set("@",resolve('src')).set("_c",resolve('src/components'))
},//打包时不生成.map文件
productionSourceMap: false,//跨域配置
devServer: {
proxy:"http://localhost:4000"}
}
1.2后端解决，应用cors(Cross-Origin Resource Sharing)解决。
如果是node环境，可以这样写：
app.all("*",(req,res,next)=>{
res.hearder("Access-Control-Allow-Or
最低0.47元/天 解锁文章
311
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
