BaseURL配置
# Base url设置
提示
当我们配置好后台接口后,往往后台都会跟一个路径。如 http://127.0.0.1:8080/common
中的 /common
,我们需要根据生产环境,开发环境,阶段性环境来进行不同的配置
# 配置开发环境
开发环境需要配置文件 ./.env.development
# Base api,此处配置端口后面的Base URL
VUE_APP_BASE_API = '/common'
# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
# It only does one thing by converting all import() to require().
# This configuration can significantly increase the speed of hot updates,
# when you have a large number of pages.
# Detail: https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
# 此处默认开启,如需了解更多请访问上方URL
VUE_CLI_BABEL_TRANSPILE_MODULES = true
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 配置阶段性环境
阶段性环境配置文件 ./env.staging
- 前端后台部署在一起
# 设置成部署环境
NODE_ENV = production
# Base api,配置
VUE_APP_BASE_API = './'
1
2
3
4
5
2
3
4
5
- 前后端分离部署
# 设置成部署环境
NODE_ENV = production
# Base api,分离部署需要添加http路径
VUE_APP_BASE_API = 'http://192.168.1.123:8080/common'
1
2
3
4
5
2
3
4
5
# 配置生产环境
阶段性环境配置文件 ./env.production
- 前端后台部署在一起
# Base api
VUE_APP_BASE_API = './'
1
2
2
- 前后端分离部署
# Base api,分离部署需要添加http路径
VUE_APP_BASE_API = 'http://192.168.1.123:8080/common'
1
2
2
上次更新: 2021/02/03, 17:01:33