vue脚手架 登录弹出框连接本地数据库

本文介绍了如何在Vue脚手架项目中实现登录弹出框并与本地MySQL数据库进行交互。首先,文章讲解了vue脚手架的目录结构,然后在后台创建了server文件夹,配置了后端服务器,处理了跨域问题。通过在`vue.config.js`中设置http-proxy解决跨域,并在`main.js`中调整了`baseURL`。最后,作者分享了在组件中调用登录接口的使用方法,并提醒读者完整代码可在前两篇博客中找到。
摘要由CSDN通过智能技术生成

新学了vue脚手架,接着把登录弹出框的小例子写完。
html+css及部分js在我前两个博客中哦!

1.脚手架目录结构

脚手架结构

2.后台

在脚手架的根目录下创建新的文件夹server
在server/index.js 中定义监听后端服务器,挂载路由、监听端口

//定义和监听后端服务器
const userApi=require('./api/userApi');
const bodyParser=require('body-parser');
const express=require('express');
const app=express();

app.use(bodyParser.urlencoded({
   extended:false}));

//api路由
app.use('/',userApi);

//监听端口
app.listen(8080);

console.log('success listen at port:8080...'
  • 2
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值