1.1 作用
解决跨域问题：通过Vue-CLI里的proxy
2.1 使用
在根目录在的vue.config.js文件下配置 （注意：每次修改此文件都需要重新启动项目）
devServer:{
proxy:"http://localhost:5000" //后端提供的地址
}
//优点：配置简单
//缺点：不能配合多个代理，不能控制是否走代理
2.2.2 使用方式
以 https://ten/api/list 为例
module.exports = {
devServer: {
proxy: {
'/api': { // 匹配所有以 '/api'开头的请求路径
target: 'https://ten/api', //后端提供的地址
changeOrigin: true, //用于控制请求头中的host值
pathRewrite: {'^/api': ''} //是否重写api
},
}
}
}
pathRewrite:是否重写看target是否加了api,加了就重写，否则注释即可
xxx.vue
//简单的使用axios发送请求
axios.get('api/list')
.then(
(res)=>{}
)
.catch(
(err)=>{}
)
如果觉得有帮助欢迎点赞、评论。 上述内容仅仅代表个人观点，如有错误，请指正。如果你也对前端感兴趣，欢迎访问我的个人博客sundestiny.github.io/myblog/
