npm run build:prod打包步骤

1：打开.env.development
将接口地址设置成线上访问
注释本地
VUE_APP_BASE_API = ‘/’

ENV = 'development'# 接口地址
VUE_APP_BASE_API  = '/'
#VUE_APP_WS_API = 'http://192.168.4.103:8091/'# 是否启用 babel-plugin-dynamic-import-node插件
VUE_CLI_BABEL_TRANSPILE_MODULES = true

2：打开.env.local文件和.env.production文件
同上

3：打开vue.config.js
注释掉proxy
proxy代理在打包的时候需要注释，平时开发需要开着

  //打包的时候需要注释//平时开发需要开着// proxy: {//   '/api': {//     target: process.env.VUE_APP_BASE_API,//     changeOrigin: true,//     pathRewrite: {//       '^/api': 'api'//     }//   },//   '/check': {//     target: process.env.VUE_APP_BASE_API,//     changeOrigin: true,//     pathRewrite: {//       '^/check': 'check'//     }//   }// }

4：关于使用npm run build:prod命令进行打包后白屏的问题

会出现这样的情况生成了一个静态的文件夹打开index.html的时候，会出现页面空白的问题，打开F12查看一下这是为啥，会发现这些文件的路径访问不到

解决办法

需要打开routers.js文件，路由模式将histroy改成hash模式，起初 mode:‘history’

打开vue.config.js文件
打开

// hash 模式下可使用publicPath: process.env.NODE_ENV === 'development' ? '/' : './',

注释掉

 //publicPath: './',

5:重新执行命令，npm run build:prod，即可

npm run build:prod打包步骤相关推荐

记一次npm run build:prod打包失败的处理方法
报错日志: 0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli '/var/jenkins_home/tools/jen ...
VSCode内npm run build编译打包时候报错：code ELIFECYCLE - （已解决）
文章目录 win10系统使用VSCode打包项目进行build编译的时候,报错:Module build failed: Error: "extract-text-webpack-plugi ...
vue使用npm run build命令打包
vue使用npm run build命令打包项目当我们使用vue-cli脚手架完成一个项目的时候,下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢,我们在本地调试的时候只要命令行执行 ...
mpvue使用vant Weapp运行npm run build命令打包后失效
最近在使用mpvue开发微信小程序,在开发过程中使用有赞的小程序ui框架-- vant Weapp ,至于如何使用在我个人博客中有一篇关于如何使用vant Weapp ,需要的同学请点进这里自行查看. ...
vue打包不生成dist文件夹（IDEA使用命令行npm run build命令打包）
记录一下自己的愚蠢问题!!! 问题出现情况:我是使用IDEA打开的vue项目,并在IDEA的命令行(terminal)中执行vue打包命令(npm run build)的,打包结果会显示成功,但是没有 ...
npm run build打包失败
使用npm run build命令打包Angular项目时报错,错误信息如下: WARNING in budgets, maximum exceeded for initial. Budget 2 M ...
vue中Npm run build 根据环境传递参数方法来打包不同域名
项目开发中,前端在配置后端api域名时很困扰,常常出现: 本地开发环境: api-dev.demo.com 测试环境: api-test.demo.com 线上生产环境: api.demo.com, ...
vue打包（npm run build）
一.vue项目的创建 1.首先第一肯定是要有Node.js及npm这个不多说了 2.安装脚手架二.vue项目的打包 1.大家都知道使用npm run build进行打包,这个时候你直接打开dist/ ...
npm run build 打包命令
vue使用npm run build命令打包项目当我们使用vue-cli脚手架完成一个项目的时候,下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢,我们在本地调试的时候只要命令行执行np ...

npm run build:prod打包步骤

npm run build:prod打包步骤相关推荐

最新文章

热门文章