当前位置: 首页 > 工具软件 > tp5-vue > 使用案例 >

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

马野
2023-12-01

目前公司采用后台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

 类似资料: