vue2 配置运行环境

最新推荐文章于 2024-06-03 09:20:03 发布

十一吖i

最新推荐文章于 2024-06-03 09:20:03 发布

阅读量327

点赞数 9

文章标签： javascript 前端 vue.js

小野猫

本文链接：https://blog.csdn.net/m0_51822639/article/details/138918537

版权

vue2 配置运行环境

在 vue2 项目中配置运行环境

在项目中新建 .env.development 文件和 .env.production 文件
.env.development

NODE_ENV = 'development'
//指定当前环境模式
VUE_APP_MODE = 'development'
VUE_APP_BASE_URL = "/dev-api"

.env.production

NODE_ENV = "production"
//指定当前环境模式
VUE_APP_MODE = 'production'
VUE_APP_BASE_URL = "http://"  // 线上地址

配置 vue.config.js 文件

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
  outputDir: "dist",
  assetsDir: "static",
  devServer: {
    proxy: {
      [process.env.VUE_APP_BASE_URL]: {
        target: 'http://',  // 本地后台地址
        changeOrigin: true,
        pathRewrite: {
        [`^${process.env.VUE_APP_BASE_URL}`]: ''
        }
      }
    },
  },
  transpileDependencies: true,
  lintOnSave: false,
}

request/index.js 中添加 baseURL

import axios from "axios"

const request = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL,
  timeout: 10000,
  headers: {
    "Content-Type": "application/x-www-form-urlencoded;charset=utf8",
  },
  responseType: "json",
})