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/