tp5和vue前后端分离工作环境部署
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
更多推荐
已为社区贡献1条内容
所有评论(0)