小鹿线 zb d2

一、执行页面流程

vue-cli基于 （ nodejs + webpack + vue.js ）

index.html ==> main.js[enter入口] ==> App.vue

[路由]

***不管你进入哪个页面，都会执行index.html、main.js、app.vue的代码

***说白了是：全局文件

二、搭建后端

2.1 全局安装：

　　npm install express-generator -g

2.2 进入项目目录

	express --view=ejs server(是一个目录名称)

2.3 启动项目

	3.1 cd 项目目录中
	3.2 npm install

接口目录：

	server | routes | index.js 

三、来解决跨域问题

3.1 前端 ： 配置代理

	3.1.1 在根目录新建vue.config.js
	3.1.2 配置
		module.exports = {
		  devServer: {
		    proxy: {
		      '/api': {
		        target: 'http://localhost:3000',
		      },
		    }
		  }
		}
	3.1.3 重启前端

3.2 后端：cors

	3.2.1 写代码

		router.all('*', function (req, res, next) {
		  res.header('Access-Control-Allow-Origin', '*');
		  //Access-Control-Allow-Headers ,可根据浏览器的F12查看,把对应的粘贴在这里就行