// 版本号"version":"0.4.0",// 标识,这里需要修改一下,才能正常构建"identifier":"com.upper.computer","build":{// Vite打包后静态资源位置"frontendDist":"../dist",// 前端开发环境url"devUrl":"http://localhost:5175",// 开发和构建运行命令"beforeDevCommand":"npm run...
1.vite打包 为了打包后的文件可以导航,在vite.config.js文件中配置一下:base:'./',否则会出现空白页。 2.在SpringBoot项目的资源文件夹resources中新建static文件夹,然后把disk里面的文件复制到static文件夹中 3.配置静态文件映射:修改application.yml spring: web: resources: static-locations: classpath:/static/...
yarn dev 服务端启动vue 7.ctrl+鼠标点击打开项目地址:http://localhost:5173/ 8.可以使用: yarn run build 对项目进行打包 9.打包完的文件在dist目录下,注意: 1.有跨域保护,所以需要放到服务器下运行; 2.路径默认为服务器根目录,因此要添加相对路径。 解决方法: 在vite.config.js文件内,添加:base:'./' ...
一、 使用Vite创建Vue3项目 1.全局安装vite，使用命令npm install vite -g 2.创建vue3项目，使用命令 npm create vite@latest ,确认项目名 称，选择Vue及TypeScript 3. 使用用vscode打开项目，运行命令 npm install npm run dev 4.整个项目目录结构如下：5.访问页面 二、将打包项目发布到Nginx 1.将打包...
step3: 进行打包 一般正常的项目直接build step4: 修改打包后的文件 移除 元素 移除其他 的 nomodule 属性 移除 元素的内容,并把 data-src 属性名改为 src 得到这样一个标签 移除SystemJS loader 代码(那个压缩到一行的 ) 一般都会携带async和 crossOrigin字样的那个标签,一般是第一个script引入,这行需要注释 s...
1.你需要有一个完整的 vue项目 2.注意查看自己的接口地址用不用切换 3.需要你 npm run build 先打包一遍生成 dist 4.在 dist 1.在项目里面 会有index.html 所以不用自己生成 2.pageage.json (也别自己建 看下文) 3.只需要建main.js 文件配置 ...
通常Vue3打包的项目只能放在web服务器里面,用 http://服务器地址 的方式运行,双击 index.html 是无法运行的。 如果要在本地运行,可以按照下面的步骤来实现。 首先,安装@vitejs/plugin-legacy,终端执行命令 npm i @vitejs/plugin-legacy -D 然后打开vite.config.js文件,加入如下配置: ...
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"], }),] ...}) 三、路由配置 如果你配置了路由,...
const router = createRouter({ routes, history: createWebHashHistory() })完成上述配置后，进行打包。若遇到问题，需检查是否缺少关键插件。修改打包后的index.html文件，确保其兼容性和优化。参照相关教程，确保本地访问无障碍。通过上述步骤，即可实现Vite+Vue3项目打包后，直接在本地环境中通过index....