# quick物流路径规划前端系统

**Repository Path**: sourceflowai/quick-front

## Basic Information

- **Project Name**: quick物流路径规划前端系统
- **Description**: quick物流路径规划前端系统
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-03-27
- **Last Updated**: 2024-03-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## quick-front

## 安装

您需要提前在本地安装[Node.js](https://nodejs.org/en/)(建议安装 nvm,可随时切换 node 版本 [nvm 安装教程](https://blog.csdn.net/m0_59910554/article/details/126308956))，版本号为：[12.x、14.x]，再使用[Git](https://git-scm.com/)克隆项目或者直接下载项目后，然后通过`终端命令行`执行以下命令。

```bash
# 切换到项目根目录

# 安装插件
npm install

# 启动项目
npm run serve
```

> 如网络不稳定，安装时出错或进度过慢！请移步 [cnpm](https://npmmirror.com/) 淘宝镜像进行安装。

启动完成后，会自动打开浏览器访问 [http://localhost:8001](http://localhost:8001)，如您看到下面的页面代表`前端项目`运行成功！因为前后端分离项目，需保证`前端项目`和`后台项目`分别独立正常运行。

请留意下面的页面，其中`验证码`未能正常显示，控制台有`API请求`报错信息！这时需检查`后台项目`是否正常运行。

## 技术栈

提前了解和学习这些知识会对使用本项目有很大的帮助。

- [Node.js](https://nodejs.org/)
- [ES6](http://es6.ruanyifeng.com/)
- [Vue-cli](https://github.com/vuejs/vue-cli)
- [Vue](https://cn.vuejs.org/)
- [Vue-router](https://router.vuejs.org/zh/)
- [Vuex](https://vuex.vuejs.org/zh/)
- [Vue-i18n](https://github.com/kazupon/vue-i18n)
- [Axios](https://github.com/axios/axios)
- [Element](https://element.eleme.cn/#/zh-CN)
- [JS-cookie](https://github.com/js-cookie/js-cookie)

## 目录结构

```
├── src
│  ├── assets                 // 静态资源
│  ├── components             // 公共组件
│  ├── element-ui             // element样式
│  ├── i18n                   // 国际化
│  ├── icons                  // 图标
│  ├── mixins                 // 混入
│  ├── router                 // 路由
│  ├── store                  // 状态管理
│  ├── utils                  // 工具类
│  ├── views                  // 业务相关
│  ├── App.vue
│  ├── main.js                // 入口
├── ...
├── package-lock.json
├── package.json
└── vue.config.js             // vue-cli脚手架配置
```

<br>

## 常见问题

如何修改 API 请求地址？

- 修改`/src/pubilc/index.html`文件中`<!-- 开发环境 -->`注释下的`window.SITE_CONFIG['apiURL']`变量值。

```
<!-- 开发环境 -->
<% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
<script>
window.SITE_CONFIG['apiURL'] = 'http://localhost:8080/renren-admin';
</script>
<% } %>
```

<br>