- 说明

- 配置

  - BaseURL配置
    - 配置开发环境
    - 配置阶段性环境
    - 配置生产环境
  - vue.config.js文件配置

- 代码示例

- 组件

- 前端
- 配置

haocheng Liu
2021-02-03

# 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

## # 配置阶段性环境

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

- 前端后台部署在一起

    # 设置成部署环境
    NODE_ENV = production

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

1
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

## # 配置生产环境

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

- 前端后台部署在一起

    # Base api
    VUE_APP_BASE_API = './'

1
2

- 前后端分离部署

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

1
2
上次更新: 2021/02/03, 17:01:33
目录结构
vue.config.js文件配置

← 目录结构 vue.config.js文件配置→

最近更新

  01
DataMap
02-05

  02
实体类
02-05

  03
update操作
02-05

更多文章>

Theme by Vdoing | Copyright © 2021-2023 Haocheng Liu | MIT License

- 跟随系统
- 浅色模式
- 深色模式
- 阅读模式