微客导航 » 文章资讯 » webpack+vuex+axios 跨域请求数据的示例代码

webpack+vuex+axios 跨域请求数据的示例代码

2023-09-15 18:41:06 174

本文介绍了webpack+vuex+axios跨域请求数据的示例代码，分享给大家，具体如下：

使用vue-li构建webpack项目，修改bulid/config/index.js文件

dev:{
env:require('./dev.env'),
port:process.env.PORT||8080,
autoOpenBrowser:true,
assetsSubDirectory:'static',
assetsPublicPath:'/',
proxyTable:{
'/v2':{
target:'http://api.douban.com',
changeOrigin:true,
pathRewrite:{
'^/v2':'/v2'
}
}
},
}

在action.js中想跨域请求

设置action.js：

importaxiosfrom'axios'

exportconstGET_IN_THEATERS=({
dispatch,
state,
commit
})=>{
axios({
url:'/v2/movie/in_theaters'
}).then(res=>{
commit('in_theaters',res.data)
})
}

组件内使用：




@import"./../../assets/reset.scss";
@import"./../../assets/main.scss";
.movie-page{
padding:0rem(40);
}

在组件内想跨域

在main.js设置：

importaxiosfrom'axios'
//将axios改写为Vue的原型属性,使在其它的组件中可以使用axios
Vue.prototype.$axios=axios

在组件内设置：




@import"./../../assets/reset.scss";
@import"./../../assets/main.scss";
.movie-page{
padding:0rem(40);
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

webpack+vuex+axios 跨域请求数据的示例代码

热门推荐

随机推荐