大家好啊，我是测评君，欢迎来到web测评，上一期给大家分享niucloud-admin的uniapp多端框架在本地运行与宝塔的部署方式，这一期继续给大家分享，niucloud的web前端nuxt3是怎么在本地运行，并且怎么打包发布上宝塔。

技术架构

  • nuxt3 + nuxt-windicss + vite + typescript + nodejs + vscode
  • cnetos7以上 + 宝塔面板

文字搭建教程

  1. 下载vscode，安装nodejs环境（不懂安装可以去看我以前的环境搭建教程），然后用vscode打开web目录，修改env目录下的接口配置文件（参照视频教程来修改）。然后安装node依赖，执行 npm install
  2. 如果要进行本地开发，可以执行 npm run dev
  3. 本地开发好以后，执行 npm run generate 打包，打包好以后会在网站目录生成dist文件夹。
  4. 需要修改下dist目录编译包中index.html文件，因为编译出的文件是属于单站，所以需要修改路径，可以匹配saas多站。两处代码需要替换：第一处搜索