代码拉取完成,页面将自动刷新
$ npm install
$ npm run dev
$ start http://localhost:9000 # Window
$ open http://localhost:9000 # Mac
$ npm run build // 生产开发环境
baike-img-manage
├── package.json
├── package-lock.json
├── postcss.config.json // postcss 配置项
├── tailwind.config.js // tailwind v1.4.6 配置项
├── build // webpack 配置
├── dist // 打包好的生产环境
├── src
| ├── css
│ | ├── font
│ | └── common.scss
│ ├── img (可选)
│ ├── js
│ | ├── pages // 设置ejs生成html页面中的标题、跳转路径等变量
│ | │ ├── index.js // index.ejs模板变量
│ | │ └── detail.js // detail.ejs模板变量
│ | ├── ajax.js // axios 配置
│ | ├── http.js // api 请求服务器
│ | └── api.js // api 请求接口路径
│ └── pages
│ ├── detail
│ | ├── app.js // detail 逻辑
│ | ├── detail.ejs // detail.html
│ | └── style.scss // detail当前页css
│ └── index
| ├── app.js // 同上
| ├── index.ejs // 同上
| └── style.scss // 同上
建议通过 nrm 调整安装源 使用git bash 输入以下命令
$ npm i // 安装环境 npm install 简写
$ npm run dev # 在浏览器中查看 http://localhost:9000/
# 等待bundle构建完成,未构建完成时会显示无法访问
// 调整请求服务器地址,请在以下地址中修改
// /src/js/http.js
export const apiUrl = "https://www.xxx.com"; // 直接修改服务器地址 例子 'https://www.xxx.com'
// 更改服务器地址下的请求接口路径,请在以下地址中修改
// /src/js/api.js
export default {
lis: "/api.php", // 修改后端请求地址 最后apiUrl拼接成为 'https://www.xxx.com/api.php'
};
修改网页标题等模板变量, 里面有详细的参数 /src/js/pages/*.js
$ npm run build
// 生成生产环境
// 只需要把 dist内文件上传到服务器
智图压缩图片
// api.php 此文件在后端包中
$baseroot = '/www/wwwroot/www.xxxxxx.cn/thumbnail'; //缩略图片存放根目录
$domainurl = "http://www.xxxx.cn/thumbnail/"; //缩略图片访问地址
$limit = 20; //随机获取数量
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。