将它从'/'变为了./,然后我就执行了npm run build,打包成功之后,可以看到项目中会多出来一个文件夹,就是dist,里面有一个static文件夹和index.html,然后我就将dist目录下的文件拷贝到Tomcat服务器下,会发现访问到的是一个空白页面,但是当
使用vscode搭建vue3 + vite项目,本地没有问题,build后部署到服务器, 默认访问的是域名下的js css文件,导致 相对路径无法访问到。 在vite.config.js中添加 :base: "./" 后就可以了。 原因:默认的是 "/", 而我部署的路径是 : /其他路径/项目名/dist/ ,所以 把base 改为 ./ 后就可以正常访问了。
前言:vue项目打包后点击index.html文件时常时空白页面,vue2在配置文件配置后再点击时可以显示页面的,但vue3点击后是看不到页面的,暂时没找到解决方法,不过直接部署到nginx服务器再访问是可以访问到的, 路由文件的配置 vite文件配置base路径 npm run build打包后放到nginx服务器 然后访问即可 若是云服务器,也是同样的...
2.打包公共基础路径 我们就根据官网给出的操作来就好了,官网地址:https://vitejs.cn/guide/build.html#public-base-path 所以我们打包的时候直接输入命令,具体根据服务器的文件夹来更改 vite build --base=/demo/ 3.IIS防止刷新404配置 当前项目里新建一个web.config <?xml version="1.0" encoding="UTF-8"?
vue3 typescript vite 服务器地址配置文件 服务器运行vue项目,0-介绍:使用的服务器:腾讯云使用的系统:centos7.6(centos8坑太多)使用的用户:root1-先将vue项目打包在项目中执行打包命令,执行完成后文件夹中会出现一个dist文件夹npmrunbuild2-在Windows上安装nginx注
阅读之前,想了解一下各位观众老爷们,你们公司的项目是怎么部署的: - [ ] 1.本地打包手动上传服务器; - [ ] 2.本地打包自动上传服务器; - [ ] 3.代码仓库流水线自动构建; - [ ] 4.其他...; 我们用的第3种部署方式,仓库代码合并到release之后自动打包部署,不过这个过程很耗费时间,且流水线是要收钱的...
1、先配置nginx: 2、在路由中添加 注意如果是ts文件的话,如果默认有生成js的话要查看对应的js是否有加上目录,否则设置会无效。3、在vite.config.ts文件中添加
一、 使用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.将打包后...
yarn create vite vite-vue-js-template --template vue # pnpm pnpm create vite vite-vue-js-template --template vue 复制代码 这一指令将会安装并执行create-vite[19] ,它是一个基本模板快速启动项目工具。 初始化项目 在项目被创建后,通过以下步骤安装依赖并启动开发服务器: ...
通过这些步骤，您应该能够解决在打包后将 Vue3 + Vite 应用程序部署到服务器时接口地址前缀默认变成域名...