Vue-Cli 4.x运行环境配置问题

Vue-Cli自3.x以上版本取消了Config目录，因此，需要玩家自己手动配置，具体方案如下：

 

1. 在项目的根目录新建vue.config.js文件，并在该文件中配置相应的启动项

// vue.config.js

module.exports = {

    publicPath: "/dist/",  //打包运行环境的根路径为/dist

    devServer: {  // 开发调试服务器配置项

        open: true,  // npm run serve后自动打开页面

        host: "0.0.0.0",  // 匹配本机IP地址

        port: 9009,  // 开发服务器运行端口号

        compress: true  // 启用静态资源压缩算法

    }

}

 

2. 配置并保存vue.config.js文件后，在项目根目录运行npm run build命令，会在根目录生成dist文件夹。将该文件夹部署到Apache Httpd Server或Nginx Web Server的Web应用根目录下，在浏览器地址栏输入：http://localhost/dist/  即可。

关于vue.config.js文件中的更多配置项，可参考Vue-Cli官方文档中的“配置参考”：https://cli.vuejs.org/zh/config/