先安装好node、cnpm
本文将基于egg vue框架上搭建node项目: egg vue
准备工作完成以后我们开始走起
来到官网你会看到下图:
一:如果你电脑上没安装过egg那么从第一个命令开始,这个安转是全局的
$ npm i egg-init -g
下图是我的安转
二:利用egg脚手架搭建项目
$ egg-init egg-example --type=simple
上面egg-example为你要建的项目名
下图为我新建过程
新建号了以后你的工作目录就会出现一个node项目,结构如下:
子目录:
后台就基本上搭好了,下载架包
$ cd egg-example
$ cnpm i
启动项目
$ npm run dev
$ open localhost:7001
后台搭建完毕,继续走起前台
在刚刚搭建好的子目录cmd,去vue官网,如图
一:安装vue脚手架
# 全局安装 vue-cli
$ cnpm install --global vue-cli
全局安装ok
二:利用脚手架搭建前端项目
去到刚刚新建的node项目子目录cmd
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
my-project为项目名:创建过程
yes、no的选择尽量如上
# 安装依赖,走你
$ cd my-project
$ cnpm i
$ npm run dev
到此一个拥有前后端的node项目搭建ok了
前端跨域配置——config/index,js文件里的 dev下的proxyTable
- proxyTable: {
- '/': {
- //使用"/api"来代替"http://f.apiplus.c"
- target: 'http://127.0.0.1:7001/', //源地址
- changeOrigin: true, //改变源
- pathRewrite: {
- '^/': 'http://127.0.0.1:7001/' //路径重写
- }
- }
- }