一个前端项目如何对接二个后端项目_前端基础：新实施一个项目，如何分解模块？谈谈Vue.js架构设计...

1. API 设计的理解。

2. 路由设计的层次感。

3. View 视图的划分。

4. 应用级组件，项目级组件的正确姿势设计方式。

5. Vuex 和数据传递应用区别。

6. 文件结构目录的划分。

只要掌握好这几点，我相信整体的架构体系是没有大的问题。。

Api设计

在api设计当中，首我们先对一些请求进行封装 ，比如说fetch，还是用axios，我们都要

首先对请求进行一层的封装，大家肯定会用promise，如果用axios，也可以对请求进行一些拦截，这也是很有必要的.

基于axios封装

import Qs from 'qs'import axios from "axios"var url = location.origin + '/api'axios.defaults.baseURL = url;axios.defaults.timeout = 5000;axios.defaults.transformRequest = [function(data) {data = Qs.stringify(data)return data}]axios.defaults.transformResponse = [function(data) {data = JSON.parse(data)return data}]axios.interceptors.request.use(function(config) {console.log("请求开始")return config;}, function(error) {return Promise.reject(error);});axios.