nuxt 设置本地代理

nuxt 设置本地代理

首先安装 npm i @nuxtjs/axios @nuxtjs/proxy -D

修改nuxt.config.js文件

module.exports = {
	modules: [
    	// Doc: https://github.com/nuxt-community/axios-module#usage
    	'@nuxtjs/axios',
    	'@nuxtjs/proxy',
  	],
	axios: {
	    // See https://github.com/nuxt-community/axios-module#options
	    proxy: true, // 表示开启代理
	    prefix: '/api', // 表示给请求url加个前缀 /api
	    credentials: true // 表示跨域请求时是否需要使用凭证
  	},
  	proxy: {
    	'/api': {
      		target: 'https://xxx.xxxx.com', // 目标接口域名
      		changeOrigin: true, // 表示是否跨域
      		pathRewrite: {
        		'^/api': '', // 把 /api 替换成‘’
      		}
    	}
  	},
}

在vue文件中

	created(){
		this.$axios.post('/e-bank/user/login.do').then(res => {
			console.log(res)
		})
		.catch(e => {
		 	console.log(e)
		 })
	}
	// http://192.168.0.176:9898/api/e-bank/user/login.do => https://xxx.xxxx.com/e-bank/user/login.do