安裝axios模塊
為了快速入門危喉,Nuxt.js團(tuán)隊(duì)創(chuàng)建了腳手架工具create-nuxt-app皇拣。在配置項(xiàng)里可以選擇安裝axios模塊氧急。安裝過程這里不進(jìn)行詳細(xì)描述吩坝,詳情可參考官方文檔Nuxt.js弧呐。
配置代理(跨域)
注:以下配置方法是在已安裝axios
模塊的情況下進(jìn)行的。
- 安裝
@nuxt/proxy
模塊
npm i @nuxt/proxy --save
or
yarn add @nuxtproxy
-
nuxt.config.js
中proxy配置
modules: [
'@nuxtjs/axios',
'@nuxtjs/proxy' //添加proxy模塊
],
/*
** Axios module configuration
*/
axios: {
proxy: true // 開啟proxy
},
proxy: [ //proxy配置
['/api', {
target:'https://www.google.com', //api請求路徑
pathRewrite: { '^/api' : '/' } //重定向請求路徑鸠蚪,防止路由、api路徑的沖突
}]
]