niushop v6宝塔面板终端中编译admin和web的方法

admin

需要先安装node.js环境，参考：宝塔linux面板安装node.js和npm并配置环境变量的方法 - 开发技术 - 寿光赢创志诚信息技术有限公司 - Powered by Discuz!
一、开发环境：

1、我们通过宝塔终端进入niushop的admin目录，命令代码：

1. cd /www/wwwroot/www.abc.com/admin

复制代码

2、然后执行:

1. npm install

复制代码

等待完成。
3、然后进入宝塔站点管理，进入上面的admin目录，找到.env.development文件，然后进行编辑，代码如下：

1. # api请求地址
   
2. VITE_APP_BASE_URL='https://www.abc.com/adminapi/'
   
3. 
   
4. # 图片服务器地址
   
5. VITE_IMG_DOMAIN='https://www.abc.com'
   
6. 
   
7. # 请求时header中token的参数名
   
8. VITE_REQUEST_HEADER_TOKEN_KEY='token'

复制代码

将VITE_APP_BASE_URL修改为你的Url，如果没有配置伪静态的需要使用www.abc.com/index.php/adminapi，如果配置了伪静态就如上述代码一样就行。
4、然后终端中运行：

1. npm run dev

复制代码

等编译完成即可。

二、生产环境：
完成开发环境的1-2步骤后，进入宝塔站点管理，进入上面的admin目录，找到.env.production文件，然后进行编辑，代码如下：

1. # api请求地址
   
2. VITE_APP_BASE_URL='https://www.abc.com/adminapi/'
   
3. 
   
4. # 图片服务器地址
   
5. VITE_IMG_DOMAIN='https://www.abc.com'
   
6. 
   
7. # 请求时header中token的参数名
   
8. VITE_REQUEST_HEADER_TOKEN_KEY='token'

复制代码

将VITE_APP_BASE_URL修改为你的Url，如果没有配置伪静态的需要使用www.abc.com/index.php/adminapi，如果配置了伪静态就如上述代码一样就行。

然后终端中运行：

1. npm run build

复制代码

等待编译完成即可，编译完成后直接会编译到niucloud/public/admin中。
直接访问你的站点后台https://www.abc.com/admin。

在开发过程中，只要前端修改了文件，就需要执行npm run build进行编译，这个必须要知道。

编译web也是基本一样的，从终端打卡进入web目录，执行npm install编译完成，再执行npm run generate即可完成打包。