hcframe-doc/docs/02.前端/02.配置/01.BaseURL配置.md

title, date, permalink

title	date	permalink
BaseURL配置	2021-02-03 09:26:32	/pages/b8a7ad/

Base url设置

::: tip 当我们配置好后台接口后，往往后台都会跟一个路径。如 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

配置阶段性环境

阶段性环境配置文件 ./env.staging

• 前端后台部署在一起

# 设置成部署环境
NODE_ENV = production

# Base api，配置
VUE_APP_BASE_API = './'

• 前后端分离部署

# 设置成部署环境
NODE_ENV = production

# Base api，分离部署需要添加http路径
VUE_APP_BASE_API = 'http://192.168.1.123:8080/common'

配置生产环境

阶段性环境配置文件 ./env.production

• 前端后台部署在一起

# Base api
VUE_APP_BASE_API = './'

• 前后端分离部署

# Base api，分离部署需要添加http路径
VUE_APP_BASE_API = 'http://192.168.1.123:8080/common'