前端

代码仓库

https://gitee.com/junyue/flyflow-vue3 (opens new window)

环境要求

1. npm最新版，作者本地版本是8.15.0
2. node最新版，作者本地版本是16.17.1

安装依赖

1. 进入到项目目录运行npm install，等待一段时间安装完成

安装失败

1. 删除目录下的node_module文件夹，重新安装几次试试
2. node版本更改为和作者的一样再试试

访 问

1. 运行程序：npm run dev
2. 打开浏览器，访问http://127.0.0.1:3000，出现如下画面即可

编译打包

1. 执行命令：npm run build:prod
2. 在dist目录下生成前端文件

nginx配置

此处介绍的是发布到服务器之后，nginx配置访问静态页面

location / {
  ## 此处是静态文件的位置
  root /home/flyflow/web;
  index index.html;
  try_files $uri $uri/ /index.html;
}