web 端打包上线
1、将项目源代码目录切换到web下,路径位置输入cmd回车启动命令。 2、命令行中输入npm install 安装依赖。 依赖安装完成 3、命令行输入npm run generate 打包命令,进行编译打包。 4、编译完成 5、在项目源码根目录下web文件夹中可以看到生成一个dist文件夹。 6、需要修改下编译包中index.html文件,因为编译出的文件是属于单站,所以需要修改路径,可以匹配saas多站。 两处代码需要替换:第一处搜索<script 标签,在第一个标签前加第一句代码;如下:
const match = location.href.match(/\\/web\\/(\\d\*)\\//);
第二处搜索baseURL,将整体这一句替换为如下:
baseURL:match ? `/web/${match\[1\]}/` : '/web/'
7、替换后保存,将dist下的所有文件压缩,运行环境(宝塔)中的niucloud/public/web 中所有文件全部清除掉。 8、将生成的编译压缩包上传到运行环境中,解压。 9、以上操作完成,浏览器就可以访问web端。