Vue+SpringBoot通信中端口号相关问题

按照教程搭建了一个环境后, 发现出现 localhost:8080/admin/login , 而非 localhost:8080/admin/login . 博主给的解决方案是添加 .env.development 文件, 但对于我而言没有作用. 可能是因为版本原因, 如下是我的解决方案.

Springboot Vue Login(从零开始实现Springboot+Vue登录)

1. 配置环境

找到 config 文件夹 -> 找到 dev.env.js 文件

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  // NODE_ENV: '"development"'
  NODE_ENV: '"dev"'
})

2. 配置端口号

找到 api 文件夹 -> 找到 baseUrl.js 文件

let baseUrl = "";
switch (process.env.NODE_ENV) { //注意变量名是自定义的
  case 'dev':
    baseUrl = "http://localhost:8088/";  //开发环境url
    break;
  case 'serve':
    baseUrl = "http://localhost:8089/";   //生产环境url
    break;
}

export default baseUrl;

注意: case ‘dev’ 与 NODE_ENV: ‘“dev”’ 对应