vue学习第24天,启动本地MongoDB 启动node搭建的服务器 设置跨域 调用接口

来源:互联网 发布:量子引力 知乎 编辑:程序博客网 时间:2024/06/06 12:22

1,已经在服务中添加了MongoDB 点击启动


ctrl+r cmd 在控制台查看 


已经启动了

2,设置跨域 使用axios 的时候并不能跨域 要使用 target 插件 找到 vue 项目 config/index.js 文件  找到dev 修改 proxyTable设置

dev:{...proxyTable:{'接口名字':{//当这个接口在前台被调用的时候 将前台页面的域 切换成 node 服务器所在的 域 我访问的是本地的 node 服务器target:'http//localhost:3000' }}}
3,使用 axios 调用接口

data(){return{mylist:[]}},mounted(){//当这个页面加载的时候 默认调用接口去获取数据axios.get("接口").then((response)=>{let res=response.data;if(res.status=='0'){this.mylist=res.result;}else{this.mylist=[]}})}

4,使用 pm2 启动 服务器 



已经可以访问localhost:3000了

5,可以启动项目了 cnpm run dev


6,访问一下 看看有没有获取到数据


成功了 

原创粉丝点击