Vue项目实战失物招领

经过两天的时间,搞定了一个Vue版本的项目,在这里留下这两天的点点滴滴,这个项目主要实现了失物招领的相关功能,比如发布丢失信息,发布拾到信息,跑腿信息,用户注册,用户登录等相关功能。先来看下首页效果。

3bfb6f63f77d46a7979aca413a4af19b.pngd3f1ebd1ced6485c83cfeb6fbc87626d.png

我也是第一次用vue开发项目,虽然过程比较坎坷,但是最终的结果实现了,比如用户登录和注册哪里的功能要全部重新开发,因为这块业务原先是微信小程序中使用,直接授权即可。

74902a30d20d443f923ad98417386d95.png942b9ee653674e3588fb06b11ef10879.png

要谈下一下开发的过程还不是那么的顺利,毕竟是第一次用vue开发项目,比如大家都会遇到的跨域请求问题,我不知道大家怎么解决的,但是我这里解决了。首先你的看下你的那个版本,vue2,还是vue3.我这里是这样解决的,在项目的根据目录下增加一个文件vue.config.js,内容如下

86a76767734344ad8e329b7bebae87cb.png

当然了这个过程,也从网上翻阅了好多的资料,也可能是自己第一次使用vue的缘故把。不过结果还好,解决了。

由于项目中用到了上传图片的功能,所以这里也是重点,毕竟花费了我好久的时间。从网上也查阅了不少的经验,但是uniapp和c#.或者uniapp和.net相组合的还是很少。直接上代码

98c387e4b20d46a3b6a6339330033042.png

44c38cf1c3644eca857d4eeeadbba53e.png

可能代码有很多的冗余,这个没关系,毕竟都是在开发阶段,也是自己为了学习vue开发项目而已。 

cb7700f06b734e358cb187fe0da49ab9.png

 总之,功能相对而言还是比较全的,毕竟这个项目是参考着微信小程序版本而开发的项目实战。这个版本中主要是有两个地方,第一个是跨域名的访问问题,图片或者视频上传的问题。

最后看下项目结构吧

ecbf9deb00c5401daff25c119920d179.png

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

徐新帅

希望能帮到你,感谢你的一杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值