三萧十禾
新手
新手
  • 最后登录2020-10-29
  • 发帖数3
阅读:239回复:0

vue 打包

楼主#
更多 发布于:2020-09-17 20:33
第一步:现在vue项目里 新建文件vue.config.js   (名字不能改变)
第二步:在vue.config.js文件中输入

module.exports = {
    // 部署应用时的基本 URL
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
第三步:在项目中运行  npm run build   进行打包,打包成功后会出现dist文件夹
第四步:dist文件里的所有文件 复制在nginx-1.19.2 里的html文件夹中
第五步:浏览器中访问localhost  出现项目默认页面 就完成了


注: 如果页面没有使用router,从dist 里的index.html  进行访问  页面会出现空白的
   此时应注释index.js里面的mode: 'history',
游客


返回顶部

公众号

公众号