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

2024-05-31 23:45:22

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

tp5和vue前后端分离工作环境部署相关推荐

最细致的Spring Boot结合Vue前后端分离项目打包部署步骤（搭配Nginx）
文章目录前言一.环境准备二.SpringBoot项目打jar包 1.1 使用Maven的package插件打包 1.2 上传至Linux服务器三.Vue项目打包 1.1 修改后台请求地址 1. ...
Django+Vue前后端分离项目的部署
部署静态文件: 静态文件有两种方式 1:通过django路由访问 2:通过nginx直接访问方式1: 需要在根目录的URL文件中增加 url(r'^$', TemplateView.as_view( ...
laravel + Vue 前后端分离之项目配置- 生产环境部署
几日之后,开始部署生产环境, 有兴趣的同学可以先看一下laravel + Vue 前后端分离项目配置开发环境,好了,废话少说,开始总结部署过程中的问题:https://blog.csdn.ne ...
laravel + Vue 前后端分离之项目配置 - 开发环境
既然你来到查看这篇文章,那么你应该知道PHP 版本 >=7. 接着看一下目录 |-blog |-- api |-- front 目录外部很简单,,不多说了,赶紧看重点配置Laravel 作为前 ...
视频教程-SpringBoot+Security+Vue前后端分离开发权限管理系统-Java
SpringBoot+Security+Vue前后端分离开发权限管理系统 10多年互联网一线实战经验,现就职于大型知名互联网企业,架构师, 有丰富实战经验和企业面试经验:曾就职于某上市培训机构数年,独 ...
基于flask+vue前后端分离一款简单的旅游网站源码，带admin管理系统
介绍毕业设计-flask-vue前后端分离一款简单的旅游网站,带admin管理系统软件架构软件架构说明使用Python-flask 轻量级框架编写后端程序,前端采用Vue编写,后端接口都在蓝 ...
phython在file同时写入两个_喜大普奔，两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了
折腾了一周的域名备案昨天终于搞定了. 松哥第一时间想到赶紧把微人事和 V 部落部署上去,我知道很多小伙伴已经等不及了. 1. 也曾经上过线其实这两个项目当时刚做好的时候,我就把它们部署到服务器上了, ...
从0搭建一个Springboot+vue前后端分离项目(一)安装工具,创建项目
从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建参考学习vue官网文档 https://v3.cn.vuejs.org/guide/installati ...
基于SpringBoot+Vue前后端分离的在线教育平台项目
基于SpringBoot+Vue前后端分离的在线教育平台项目赠给有缘人,希望能帮助到你!也请不要吝惜你的大拇指,你的Star.点赞将是对我最大的鼓励与支持! 开源传送门: 后台:Gitee | Gi ...
Spring Boot+Vue/前后端分离/高并发/秒杀实战课程之spring Security快速搭建oauth2 内存版身份认证
Springboot快速搭建oauth2 内存版身份认证环境准备点击[Create New Project]创建一个新的项目项目环境配置配置Thymeleaf 搭建oauth2认证,加入两个依 ...

最新文章

热门文章