HCFrame
首页
  • 介绍
  • 快速开始
  • 打包部署
  • 说明
  • 配置
  • 代码示例
  • 组件
  • 概要
  • 通用数据平台
首页
  • 介绍
  • 快速开始
  • 打包部署
  • 说明
  • 配置
  • 代码示例
  • 组件
  • 概要
  • 通用数据平台
  • 说明

  • 配置

    • 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
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式