前端: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可以看到后端拿到了数据
希望能对跟我一样的前端小白有一些小帮助把!有什么不对或不严谨的的地方也欢迎大家指出哦~
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)