vue项目使用axios跨域请求后端接口

最新推荐文章于 2024-09-18 23:45:31 发布

zpenn

最新推荐文章于 2024-09-18 23:45:31 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/qq_39977528/article/details/103039504

版权

本文介绍了在Vue项目中如何使用axios进行跨域请求。首先，在config/index.js中设置proxyTable以代理请求，然后在main.js中导入axios并设置默认基础URL。接着创建comm文件夹，包含service.js和api.js，用于封装请求方法。service.js中配置了请求和响应拦截器，并提供了get和post方法。api.js则用于接口路径的统一管理。最后展示了如何在组件中调用这些接口。

摘要由CSDN通过智能技术生成

前端请求后端接口时处理跨域：

1、修改config下index.js文件：

dev: {

assetsSubDirectory: 'static',

assetsPublicPath: '/',

host: 'localhost',

port: 8080,

autoOpenBrowser: false,

errorOverlay: true,

notifyOnErrors: true,

poll: false,

proxyTable: {

"/api": {

target: "http://192.34.50.17:8080",

changeOrigin: true, // 如果接口跨域，需要进行这个参数配置

pathRewrite: {

'^/api': ''

}

}

},

devtool: 'cheap-module-eval-source-map',

cacheBusting: true,

cssSourceMap: true

},