🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### web 端打包上线 1、将项目源代码目录切换到web下,路径位置输入cmd回车启动命令。 ![](https://img.kancloud.cn/f6/c4/f6c4b093e5b23b1b3fd75d73240f73d0_1366x716.png) 2、命令行中输入npm install 安装依赖。 ![](https://img.kancloud.cn/50/81/50817a6c9751ed60aad0c1bc7ded392e_967x507.png) 依赖安装完成 ![](https://img.kancloud.cn/bf/93/bf93a555c1674ae4ff807666b2b41eed_968x507.png) 3、命令行输入npm run generate 打包命令,进行编译打包。 ![](https://img.kancloud.cn/bf/6d/bf6d71f9e7535f2efe5f9826a56f8d14_961x683.png) 4、编译完成 ![](https://img.kancloud.cn/be/de/bede261539ba6530ecaad3d2b8d2c771_959x652.png) 5、在项目源码根目录下web文件夹中可以看到生成一个dist文件夹。 ![](https://img.kancloud.cn/c6/d5/c6d503a575839d55b07898a8fee173c0_1345x731.png) 6、需要修改下编译包中index.html文件,因为编译出的文件是属于单站,所以需要修改路径,可以匹配saas多站。 两处代码需要替换:第一处搜索<script 标签,在第一个标签前加第一句代码;如下: ``` const match = location.href.match(/\\/web\\/(\\d\*)\\//); ``` 第二处搜索baseURL,将整体这一句替换为如下: ``` baseURL:match ? `/web/${match\[1\]}/` : '/web/' ``` ![](https://img.kancloud.cn/da/7f/da7f6a526b6da7e5672a4dedd764f5c7_1287x572.png) 7、替换后保存,将dist下的所有文件压缩,运行环境(宝塔)中的niucloud/public/web 中所有文件全部清除掉。 ![](https://img.kancloud.cn/c5/d3/c5d3956aa2fa2dedaa23bfdaf7038625_1368x620.png) ![](https://img.kancloud.cn/4e/33/4e334ecb0a6aecb924eb76ce803b0bb5_1907x722.png) 8、将生成的编译压缩包上传到运行环境中,解压。 ![](https://img.kancloud.cn/f9/2a/f92aef26b3f569cfbe5f01a022638b7f_1905x630.png) 9、以上操作完成,浏览器就可以访问web端。 ![](https://img.kancloud.cn/5d/fb/5dfb722d5e2b859084749898a775f761_1897x931.png)