1.vite打包 为了打包后的文件可以导航,在vite.config.js文件中配置一下:base:'./',否则会出现空白页。 2.在SpringBoot项目的资源文件夹resources中新建static文件夹,然后把disk里面的文件复制到static文件夹中 3.配置静态文件映射:修改application.yml spring: web: resources: static-locations: classpath:/static/...
1.安装兼容插件 @vitejs/plugin-legacy npm i @vitejs/plugin-legacy 在vite.config.ts 中进行配置 // 引入@vitejs/plugin-legacyimportlegacyfrom'@vitejs/plugin-legacy';// 在plugins中添加legacy({targets:['defaults','not IE 11']}), vite.config.ts文件配置完的效果图.png 2.手动修改打包完的index...
step3: 进行打包 一般正常的项目直接build step4: 修改打包后的文件 移除 元素 移除其他 的 nomodule 属性 移除 元素的内容,并把 data-src 属性名改为 src 得到这样一个标签 移除SystemJS loader 代码(那个压缩到一行的 ) 一般都会携带async和 crossOrigin字样的那个标签,一般是第一个script引入,这行需要注释 s...
在VS Code 中打开前端项目,在命令行中运行 npm run build 命令,这个命令会将前端项目构建打包生成静态文件。 将生成的静态文件拷贝到后端 Spring Boot 项目的 src/main/resources/static 目录下。 在IDEA 中打开后端 Spring Boot 项目,在项目的 Maven 配置文件 pom.xml 中添加以下插件: <build> <plugins> <plug...
vite + vue3 打包后 本地直接运行 type="module" crossorigin 替换为defer 1|0需求: 想打包后,双击运行,不启动服务 修改vite.config.js import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins: [vue()],base:'./',// <-...
VIte+Vue3 打包在FIle本地index.html打开项目(不需要起服务) 一、安装插件 pnpm add @vitejs/plugin-legacy 二、配置vite.config.js export default defineConfig({ base: './', plugins: [ vue(), legacy({ targets: ["defaults", "not IE 11"], ...
将打包项目发布到Nginx 1 将打包后文件的路径由绝对路径修改为相对路径，需要修改vite.config.js文件，添加base设置，值为”./ ”，如下图所示：2 同时修改根目录下的index.html文件，将link和script标签中的路径前面加上. ，如下图所示：3 使用打包命令 npm run build，如下图所示：4 确保CentOS服务器上已经...
前言:vue项目打包后点击index.html文件时常时空白页面,vue2在配置文件配置后再点击时可以显示页面的,但vue3点击后是看不到页面的,暂时没找到解决方法,不过直接部署到nginx服务器再访问是可以访问到的, 路由文件的配置 vite文件配置base路径 npm run build打包后放到nginx服务器 然后访问即可 若是云服务器,也是同样的...
vite快速安装vue,及项目打包发布 1.下载、安装VScode,下载地址:https://code.visualstudio.com/ 2.下载、安装node.js,国内下载地址:http://www.nodejs.com.cn/ 3.创建空文件夹,用VScode打开,在左侧空白处点击鼠标右键,选择在集成终端打开 *通过在终端命令行输入npm -v获取到版本号,说明node.js安装成功,npm可...
如果打包之后，在浏览器打开异常，可以通过打开调试模式（一般是F12），查看console面板的异常清空。有遇到...