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

::: tip
当我们配置好后台接口后，往往后台都会跟一个路径。如 `http://127.0.0.1:8080/common` 中的 `/common`，我们需要根据生产环境，开发环境，阶段性环境来进行不同的配置
:::

## 配置开发环境

开发环境需要配置文件 `./.env.development`

``` properties
# 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`

- 前端后台部署在一起

``` properties
# 设置成部署环境
NODE_ENV = production

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

- 前后端分离部署

``` properties
# 设置成部署环境
NODE_ENV = production

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

## 配置生产环境

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

- 前端后台部署在一起

``` properties
# Base api
VUE_APP_BASE_API = './'
```

- 前后端分离部署

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