niushop v6宝塔面板终端中编译admin和web的方法
需要先安装node.js环境,参考:宝塔linux面板安装node.js和npm并配置环境变量的方法 - 开发技术 - 寿光赢创志诚信息技术有限公司 - Powered by Discuz!一、开发环境:
1、我们通过宝塔终端进入niushop的admin目录,命令代码:
cd /www/wwwroot/www.abc.com/admin2、然后执行:
npm install等待完成。
3、然后进入宝塔站点管理,进入上面的admin目录,找到.env.development文件,然后进行编辑,代码如下:
# api请求地址
VITE_APP_BASE_URL='https://www.abc.com/adminapi/'
# 图片服务器地址
VITE_IMG_DOMAIN='https://www.abc.com'
# 请求时header中token的参数名
VITE_REQUEST_HEADER_TOKEN_KEY='token'将VITE_APP_BASE_URL修改为你的Url,如果没有配置伪静态的需要使用www.abc.com/index.php/adminapi,如果配置了伪静态就如上述代码一样就行。
4、然后终端中运行:
npm run dev等编译完成即可。
二、生产环境:
完成开发环境的1-2步骤后,进入宝塔站点管理,进入上面的admin目录,找到.env.production文件,然后进行编辑,代码如下:
# api请求地址
VITE_APP_BASE_URL='https://www.abc.com/adminapi/'
# 图片服务器地址
VITE_IMG_DOMAIN='https://www.abc.com'
# 请求时header中token的参数名
VITE_REQUEST_HEADER_TOKEN_KEY='token'将VITE_APP_BASE_URL修改为你的Url,如果没有配置伪静态的需要使用www.abc.com/index.php/adminapi,如果配置了伪静态就如上述代码一样就行。
然后终端中运行:
npm run build等待编译完成即可,编译完成后直接会编译到niucloud/public/admin中。
直接访问你的站点后台https://www.abc.com/admin。
在开发过程中,只要前端修改了文件,就需要执行npm run build进行编译,这个必须要知道。
编译web也是基本一样的,从终端打卡进入web目录,执行npm install编译完成,再执行npm run generate即可完成打包。
页:
[1]