如何利用vue和php做前后端分离开发

1、vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。

网站建设哪家好，找成都创新互联！专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了班戈免费建站欢迎大家使用！

2、前端代码开发：使用微信小程序开发者工具或其他工具，开发出前端的界面、功能、逻辑代码等。 后端接口开发：后端负责提供API接口，承担数据处理和逻辑控制等任务。

3、后台代码拆分出来 ，jsp文件全部抛弃掉，controller只做json数据返回。

4、使用REST API：C语言程序可以作为后端服务，提供一系列的RESTful API，供Vue前端进行调用。例如，Vue前端可以通过GET、POST、PUT、DELETE等HTTP请求，与C语言程序进行数据交互。

5、配置文件如下：第一行 主要就是给nginx加权限，vue部署后使用history路由时会去掉地址后面的‘#’号，打包部署后不加权限会有bug。

6、从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

如何mock数据?

这样在开发阶段，通过执行 npm run dev 启动webpack的开发模式，执行 npm run mock 启动json-server来提供mock数据。

Mock 是虚假的，虚设的 从技术层面来讲，就是 虚假数据 那怎么解释 Mock 比较好呢，即 生成随机数据，拦截 Ajax 请求 ( 官网 )。

在编辑接口时，输入完返回参数，点击高级mock，可自行编写mock规则，mock规则遵照mockjs规范，可进入相关网址查看。输入完mock规则后，点击保存。在接口详情页中点击mock，可浏览先前保存的mock数据。

mock地址效果：将生成的mock URL地址发给前端 您可以将ApiPost生成的mock URL地址发给前端来代替您的接口地址，这样前端就可以使用您模拟的数据进行先一步的调试开发了。当您的接口完成后，再替换回来即可。

在前端开发的过程中，会碰到以下一些问题：为了解决此类问题，需要使用 mock 数据和 mock 服务器来提供支持。

对于我们前端来说，我们天生就会一个后端开发语言，nodejs即可实现。我们只需要创建一个简易服务器，对请求路径进行判断，返回对应的mock数据。Mock.js可以快速通过模板生成数据。

mock数据

1、mock数据指的模拟数据，mock中文翻译愚弄，嘲笑。实现mock数据如下：首先在根目录下创建一个mock文件，该文件下有index.json(存放模拟数据)。

2、对于我们前端来说，我们天生就会一个后端开发语言，nodejs即可实现。我们只需要创建一个简易服务器，对请求路径进行判断，返回对应的mock数据。Mock.js可以快速通过模板生成数据。

3、mock不是非法入侵获取数据。mock指的是本地模拟数据。本地的使用者是计算机管理员，只有管理员才能操作mock进行模拟数据。并且mock是非常安全的不会非法入侵数据。

4、为了解决此类问题，需要使用 mock 数据和 mock 服务器来提供支持。

网站名称：phpmock数据 php pack unpack
本文URL：http://chengdu.cdxwcx.cn/article/dchscei.html