后端模板打包教程

运行环境

打包前需要安装nodejs

安装nodejs下载

修改配置文件

修改路径：admin/src/config/index.js

const config = {
    debug: true,
	web_title: "A3 Mall", // 站点名称
    base_url: window.location.protocol + "//" + window.location.host + "/adminapi",
    request_timeout: 60000,
    version: "3.3.0"
}

if(process.env.NODE_ENV == "development"){
    config.base_url = 'http://b2cv3-pro.top:8888/adminapi'; // 调试模试下域名
}

export default config

开发打包项目

# 进入项目目录
$ cd admin

# 安装依赖
$ npm install

# 启动项目(本地开发环境)
$ npm run dev

# 打包项目
$ npm run build

上传打包后端文件

在执行 npm run build成功后，会在当前admin下生成dist目录，直接将该目录里面的内容上传到server/public/admin目录下（需要注意上传前请先删除admin下内容，而不是替换）

疑问

1. 为什么我在npm install成功后使用npm run dev运行报错

找到pakage.json 移除所有版本号的“^” 例："animate.css": "^4.1.1" 更改为 "animate.css": "4.1.1"

2. 如何更改服务端默认访问 http://test.com/admin 地址

修改package.json文件 "build": "vite build --base=/admin/", 将/admin/ 修改成新的名称
修改src/router/index.js history: createWebHistory('/admin/'), 将/admin/ 修改成新的名称
修改vite.config.js base: process.env.NODE_ENV === 'production' ? '/admin/' : '', 将/admin/ 修改成新的名称
修改后端server/route/app.php 路由

// 管理后台
Route::rule('admin/:any', function () {
  return view(app()->getRootPath() . 'public/admin/index.html');
})->pattern(['any' => '\w+']);

1. 将 admin 修改成新的名称
2. 修改后台public/admin/index.html 指向新的目录
3. 删除旧的public/admin目录
4. 重新使用npm run build打包项目，并且将dist目录修改成新更改的名称直接上传到server/public目录下

后端模板打包教程 ​

运行环境 ​

修改配置文件 ​

上传打包后端文件 ​

疑问 ​

1. 为什么我在npm install成功后使用npm run dev运行报错 ​