1、webpack打包,进入对应项目目录npm run build
在这里插入图片描述
项目根目录下生成了dist文件夹,拖到服务器就行
2、拖到服务器前双击dist下index.html文件,如果报错找不到js、css等资源文件
找到config目录下index.js文件,assetsPublicPath: ‘/’,改为assetsPublicPath: ‘./’,从index.html上一级往下找而不是从/static
在这里插入图片描述
在这里插入图片描述
路径就从根目录进static文件夹下找,不要直接修改index.html
在这里插入图片描述
图片报错404:找到build下utils.js文件,增加一句

publicPath:'../../'

在这里插入图片描述
在这里插入图片描述
注意:页面中用到相对路径资源时候,用./测试图片
在这里插入图片描述
最后重新npm run build就行

Logo

前往低代码交流专区

更多推荐