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中引入该模块）