vue3配置问题

实现打包开发，使用不同环境：
根目录添加 vue.config.js

const path = require('path');

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
    publicPath: '/',
    outputDir: process.env.outputDir,
    productionSourceMap: false,
    devServer: {
        proxy: {
            '/api':{
                // target: 'http://192.168.1.5:8080/qmcy', // 兴军
                // target: 'http://192.168.8.173:8080/qmcy', //海燕
                // target: 'http://192.168.8.148:8080/qmcy', //
                target: 'http://test.allinkgo.com/qmcy', //测试
                changeOrigin:true
            }
        }
    },
    chainWebpack: (config) => {
        config.resolve.alias
          .set('@', resolve('src'))
          .set('@assets',resolve('src/assets'))
      }
}

根目录 添加 .env.test 和 .env.build 文件
.env.build

NODE_ENV = 'production'

VUE_APP_CURRENTMODE = 'production'

outputDir = 'dist'

.env.test

NODE_ENV = 'production'

VUE_APP_CURRENTMODE = 'test'

outputDir = 'test'

src 目录下添加 请求，api管理的js

对应文件可以在该地址目录下拿到

问题一
当导航中存在路由，默认子路由，直接地址填子路由的name

Named Route ‘xcx’ has a default child route. When navigating to this
named route (:to="{name: ‘xcx’"), the default child route will not be
rendered. Remove the name from this route and use the name of the
default child route for named links instead.

翻译：命名路由“xcx”具有默认子路由。当导航到此命名路由（：to=“name:‘xcx’”）时，将不会呈现默认的子路由。从此路由中删除名称，并将默认子路由的名称改为用于命名链接。

问题二
问题记录：在修改地址过程中遇到的几个问题，是否加点（打包是否命令指向问题），其实vue3 是不用加的
并且vue3的打包完的项目，不能直接访问，需要启服务！

图片一：

图片二：

图片三：