前端项目打包详细

项目打包命令为：npm run build打包后会文件夹中自动生成一个dist文件这个文件就是最终上传服务器的文件（或者将这个dist给后端）dist中的index打开是本地看不见什么的。如果想查看项目 ----1.在config目录中找到index。jsbuild: {// Template for index.htmlindex: path.resolve(__dirname, '../dis

by__csdn

14692人浏览 · 2021-08-24 09:24:04

by__csdn · 2021-08-24 09:24:04 发布

项目打包命令为：npm run build

打包后会文件夹中自动生成一个dist文件
这个文件就是最终上传服务器的文件（或者将这个dist给后端）

dist中的index打开是本地看不见什么的。如果想查看项目 ----

1.在config目录中找到index。js
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),

// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',-----这里加上 .
然后打包（但是这个网易云项目没有默认“/”路由所以会跳转失败）

注：路由模式 hash模式带# 可以正常打包上线即可不会有错误

路由模式如果是 history 那么经过几次页面前进后退后当刷新就会出错
（因为history是完整路由会优先执行服务器路由）
解决办法：后端程序员修改服务器，，前端告诉一声