nuxt初學——請求以及代理的配置

不知道為啥，别人的項目直接就有安裝請求啥的，但是我的就是沒有安裝。是以還得自己來安裝配置一波。

請求一般使用

axios

了，首先第一步就是

npm install @nuxtjs/axios

（我以為這些都是最開始內建在項目中的，大意了），然後需要你在

nuxt.config.js

的

mudules

中添加’@nuxtjs/axios’，如此就可以在項目中直接使用$axios了。

當然開發項目中是離不開配置的，此時可以在

nuxt.config.js

中配置axios相關，即新增一個

axios

屬性

axios: {
	timeout: 30000,
}
           

當然，請求離不開代理，這倆是一家的，是以需要再配置代理：

也是有同樣安裝nuxtjs/proxy：

npm install @nuxtjs/proxy

，随後打開

nuxt.config.js

配置添加至modules中以及配置proxy：

modules: [
	'@nuxtjs/axios',
	'@nuxtjs/proxy'
]
proxy: {
	'/api': {
		target: '127.0.0.0.1:8000',
		changeOrigin: true,
		pathRewrite: {
			'^/api': ''
		}
	}
}
           

這樣你在通路axios接口的時候可以直接通路如 `/api/test/get’就相當于通路target中配置的域啦，這也是前端常用的解決跨域問題的手段。

當然，也可以不使用nuxtjs提供的請求，自己下載下傳依賴如axios一樣（自己下載下傳封裝則不需要在modules中引入該子產品）