vue3新建项目打包部署

使用版本

"vue": "^3.2.47"

创建

npm create vite@latest

输入项目名称 → 选择前端框架 → 选择项目类型 → 创建完毕

运行

npm install
npm run dev

打包

1. 配置vite.config.js， 添加base

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  base: "./", 
})

2. 打包

npm run build

部署

使用nginx部署

nginx-1.22.1

拷贝打包好的dist文件到nginx根目录下的html文件夹下

运行nginx ，浏览器访问即可

http://localhost:8080/dist/