Vue-cli3 前端跨域问题解决

1、axios 的 JS 文件中 设置 统一前缀 为 '/api'

​​​​​​​axios.defaults.baseURL = '/api'

Vue-cli3 前端跨域问题解决_第1张图片

2、根目录下创建 vue.config.js 文件

Vue-cli3 前端跨域问题解决_第2张图片

3、添加配置信息

devServer: {
	proxy: {
			'/api': {
			target: 'https://www.baidu.com/',
			changeOrigin: true,
			ws: true,
			pathRewrite: {
				'^/api': ''
			}
		}
	}
}

Vue-cli3 前端跨域问题解决_第3张图片

你可能感兴趣的:(VUE,vue.js)