tp5和vue前后端分离工作环境部署

目前公司采用后台tp5框架，前端vue框架开发，在测试接口时会出现很多问题，这里大概介绍一下测试接口的流程。

1.环境的配置

tp5环境的配置参考：https://www.kancloud.cn/manual/thinkphp5/336757

vue环境配置：window下需安装node.js   https://nodejs.org/en/  下载安装并测试 

安装完成后可以使用cmd（win+r然后输入cmd进入）测试下是否安装成功。方法：在cmd下输入node -v 会看到node的版本

npm的安装。

由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。会看到npm的版本

另外还需要  我们要先配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹。

npm config set prefix "C:\Program Files\nodejs\node_global"
以及
npm config set cache "C:\Program Files\nodejs\node_cache"

配置环境变量

计算机->属性->高级系统配置->环境变量    

系统变量 NODE_PATH  C:\Program Files\nodejs

用户变量 node_path C:\Program Files\nodejs   

配置一个可以访问到vue文件目录下的域名（指向或者跳转都可以）

想要本地看到你的文件 还需要 命令行执行 npm run dev 来运行环境 然后浏览器访问 localhost:8080   就可以了

提交到线上打包 可以用 npm run build