配置文件的变化

在vue3.0之前，vue-cli搭建的项目，有build和config两个文件夹。在其中可以配置一些项目参数。
在vue3.0之后，上述两个文件夹没有了，如果需要更改一些配置，需要在项目的根路径下新建vue.config.js文件，在该文件中配置。

image.png
image.png

打包项目，配置文件读取路径的配置

vue 3.0 在vue.config.js文件中配置如下：

module.exports = { 
    outputDir:'dist/QDJC',
//  assetsDir:'QDJC',
// webpack-dev-server 相关配置
     devServer: { 
        open: process.platform === 'darwin',
         host: '0.0.0.0',
         port: 8080,
         https: false,
         hotOnly: false,
         proxy: null, // 设置代理
         before: app => {} 
    },
}

outputDir：改变打包后的文件的存放位置，但不会改变index.html中读取css和js文件的路径。
assetsDir：改变项目assets文件夹的打包路径，并且会改变index.html中读取这些文件的路径。在项目放到tomcat中时，根据index.html中的路径改变打包后的assets文件中的路径，保证可以读取到即可。这样可以前后端分开部署。