把nuxtjs-axios模塊添加到項(xiàng)目

yarn add @nuxtjs/axios // 使用yarn來安裝模塊npm install @nuxtjs/axios // 使用npm來安裝模塊

注：不同的包管理器，要使用不同的命令

配置nuxt.config.js

簡單使用

modules: [ '@nuxtjs/axios' ],

如果這步完成，可以在項(xiàng)目中方法使用console.log(this) ，這時候可以看到該對象中有$axios屬性了

如果你想使用代理可以這樣寫

axios: {proxy: true,// prefix: '/api/',credentials: true// See https://github.com/nuxt-community/axios-module#options},proxy: {'/api/': {target: 'https://h5api.zhefengle.cn', //這個網(wǎng)站是開源的可以請求到數(shù)據(jù)的pathRewrite: {'^/api/': '/',changeOrigin: true}}},

使用

let that=this; this.$axios.get("/api/index.html").then(res=>{ alert(res.data.code); });

總結(jié)

以上是生活随笔為你收集整理的Nuxt项目中使用axios的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。