nuxt.js PC端如何并发布

展开

nuxt.js PC端如何并发布

## 简介
PC端使用nuxt.js技术，前端分离。

## node环境安装
打开[https://nodejs.org/en/download/releases/](https://nodejs.org/en/download/releases/)，下载Node.js 14.17.2，建议使用与likeshop官方一样的版本，避免编译出现未知错误。根据系统下载对应的版本，windows可以下载msi结尾文件，方便安装。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=e8b48a7a500ed241e627df613174431a)
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=90ba200cff858143a40a5d63f98d9e18)<br>
安装过程中，记得勾上“Automatically……”选项，可以自动配置环境变量。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=c9faf3f1295fefdf125db09ec9690d17)<br>
打开终端，在终端运行`npm config set registry https://registry.npm.taobao.org`，将npm的源设置为淘宝镜像。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=74798630222ab659bdb975658ac24675)
<br>

## 二开
PC端源码在目录：/pc。
准备二开之前，我们需要给PC端安装依赖。

#### 安装依赖
使用cd命令进入PC端源码目录，输入`npm install`安装依赖。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=8144fe1cba0ec59cdd58cb27a8967296)

#### 开发
安装依赖以后，二开可参考：[https://www.nuxtjs.cn/](https://www.nuxtjs.cn/)
二开过程中，需要预览，在设置要接口以后，在/pc/nuxt.config.js设置好接口以后，运行`npm run dev`命令即可，然后本地访问 http://127.0.0.1:3000 。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=b4a618a8ffd78be1b1d2ffbc9172d665)

#### 编译
开发完以后，准备上线，我们需要对PC端源码进行编译，输入`npm run build `。
![](https://md.likeshop.cn/server/index.php?s=/api/attachment/visitFile&sign=548a52650cf5630a490e6e51f08a311f)
编译完成以后，将likeshop/server/pc/dist的文件夹复制到likeshop/server/public，改名文件夹名字为pc（删除代替原来likeshop/server/public/pc）。