一、 使用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.将打包后...
"scripts": {"dev":"vite serve --mode development","build:prod":"vue-tsc --noEmit && vite build --mode production"} 打包: npm run build:prod 方式二 通过打包时的指令配置基础路径 不用配置环境变量,vite.config.ts不用配置base属性,只需要在router/index.ts中添加: constrouter =createRouter({ ...
方法一: 下载nginx,然后使用xftp传输到云服务器上 方法二: 命令行下载 http://nginx.org/download/ wget http://nginx.org/download/nginx-1.13.6.tar.gz 1. 2. 3. 2.2 解压nginx安装包 进入nginx目录 tar -zvxf nginx-1.13.6.tar.gz cd nginx-1.13.6 1. 2. 2.4 make编译安装nginx ./configure --...
一.准备好vue项目 1.安装vue环境 2.打包vue项目 进入你项目的文件夹,找到config文件夹下的index.js文件(config/index.js),打开修改里面assetsPublicPath为 ./(注意一定是build里面的,dev中也有这个配置,dev里的不用修改) 3.打包成dist文件 进入项目文件夹,打开命令行输入 npm run build 1. 这时就可以看到文件夹...
1、npm run build 打包时ts校验报错,修改package.json里的build节点。 # 修改package.json里的"build": "vue-tsc --noEmit && vite build" 为 "build": "vite build"。"scripts": {"dev":"vite","build":"vite build","preview":"vite preview"}, ...
实际上我尝试了其他操作,比如修改 index.html 里面的引入、其他 nginx 配置,目前还没有成功仅部署 br 文件能在浏览器正常解析成页面,希望实现的诸君能告知一下,谢谢。 我用vite 打包时也没有只保留 br 或者 gzip 的选项,测试是手动删除压缩成 br 或者 gzip 之前的 js、css 然后部署该项目。没必要搞这些,只是...
1. 第一个mall-admin是设置打包后index.html寻找其的js/css/图片2. 第二个是nginx的html文件夹也是mall-admin,第三个nginx.conf配置静态资源路径,这两个结合起来可以保证我们访问到index.html。并且可以保证index.html访问css文件时也可以正常返回结果3. 一旦这三个值其中有不一样的,要么访问网站时404(第二点配...
一. 项目配置及打包 项目部署到服务器二级路由需要配置基础路径base,即需要: 1.配置vite.config.ts中的基础路径 2.配置路由的基础路径 方式一 通过环境变量配置基础路径 分别在production和development模式下的环境变量中添加基础路径变量,生产环境:.env.production文件,开发环境:.env.development文件 ...
一. 项目配置及打包 项目部署到服务器二级路由需要配置基础路径base,即需要: 1.配置vite.config.ts中的基础路径 2.配置路由的基础路径 方式一 通过环境变量配置基础路径 分别在production和development模式下的环境变量中添加基础路径变量,生产环境:.env.production文件,开发环境:.env.development文件 ...