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/