前后端分离方案以及技术选型

前后端分离方案以及技术选型,第1张

不用mock,前端来建立后端服务以便自己实现接口

前端:vue2x, vue-cli-3x, vuex, vue-router, axios
后端:nodejs, express, nodemon

1首先安装nodejs,这个就不赘述了
2全局安装express npm install -g express-generator
3express -v 查看是否安装成功
4打开cmd或者其他控制台并进入项目目录,在我的电脑中的项目路径下,选中路径后输入cmd,可以快速用cmd打开此路径
7全局安装nodemon npm install -g nodemon
8在cmd中启动服务器 nodemon app
启动成功图如下:
然后再前端页面调用接口

这一步就是写接口啦
然而运行后会发现跨域啦,如下图:

如果是vue-cli 2x 就在config/indexjs文件中 的 proxy处修改

11你以为这样就解决跨域了吗,你会发现还是报错

这是因为修改完接口后发现还是报这个错且端口是8080而不是888,原因是修改了代理后,需要重启服务 ,代理未生效。
12重启前端服务后,接口请求成功

14可以看到后端拿到了数据

希望能对跟我一样的前端小白有一些小帮助把!有什么不对或不严谨的的地方也欢迎大家指出哦~

通常前端开发的时候,我们的页面已经开发完成。但是后端的接口不一定已经写完就了。这时候我们就可以自己去伪造一些符合规范的数据,用于前期的测试,等到后端接口完成的时候我们可以在进行一个接口联调。

对于我们前端来说,我们天生就会一个后端开发语言,nodejs即可实现。

我们只需要创建一个简易服务器,对请求路径进行判断,返回对应的mock数据。

Mockjs可以快速通过模板生成数据。

>你说的是用tortoiseSVN客户端提交到svn服务器的意思吧?如果你之前没checkout你想把文件提交那就用import导入到你想传输svn服务器的路径,如果说你已经checkout过svn服务器上的文件了你做了修改或者增加了一些文件那就直接add+commit就可以了(先add)

1安装Nodejs ,通过>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10763818.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-11
下一篇 2023-05-11

发表评论

登录后才能评论

评论列表(0条)

保存