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

Posted 2023-02-25

参考技术A 不用mock，前端来建立后端服务以便自己实现接口

前端：vue2.x, vue-cli-3.x, vuex, vue-router, axios
后端：nodejs, express, nodemon

1.首先安装nodejs，这个就不赘述了
2.全局安装express npm install -g express-generator
3.express -v 查看是否安装成功
4.打开cmd或者其他控制台并进入项目目录，在我的电脑中的项目路径下，选中路径后输入cmd，可以快速用cmd打开此路径

7.全局安装nodemon npm install -g nodemon
8.在cmd中启动服务器 nodemon app
启动成功图如下：

然后再前端页面调用接口

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

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

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

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

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

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