Vue CLI의 env 파일과 proxy 설정

sdsdsrd·2020년 11월 10일
0

졸업프로젝트

목록 보기
5/15
  • .env.development : 개발할 때
VUE_APP_API_URL=http://localhost:8080/
  • .env.production : 배포할 때
VUE_APP_API_URL=https://url.com/
  • .env : 위 두 파일이 없을 때 적용됨
VUE_APP_API_URL=https://url.com/

CORS 문제를 해결하기 위해 proxy 설정이 필요하다.

module.exports = {
	devServer: {
		overlay: false,
		proxy: {
			'/user': {
				target: process.env.VUE_APP_API_URL,
				changeOrigin: true,
			},
			'/menu': {
				target: process.env.VUE_APP_API_URL,
				changeOrigin: true,
			},
			'/my-menu': {
				target: process.env.VUE_APP_API_URL,
				changeOrigin: true,
			},
			'/history': {
				target: process.env.VUE_APP_API_URL,
				changeOrigin: true,
			},
			'/order': {
				target: process.env.VUE_APP_API_URL,
				changeOrigin: true,
			},
		},
	},
};

0개의 댓글