基于VantUI的Vue移动端电商项目实战

骑猪看日落 2023-01-07 10:15 196阅读 0赞

1.  跨域解决  
    vue.config.js

module.exports = { 
     devServer :{ 
      proxy:'http://localhost:8000'
      }
    }

1.  跨域原理
2.  post请求
3.  qs

qs能将json格式转换成为 key = value 的格式
    
    具体用法：
    
    const qs = require ('qs')
    
    axios.post ('/foo',qs.stringify({ 'bar':132}));
    
    qs.stringify 与json.strigify的区别
    
    qs.stringify()将对象序列化成为URl的形式，以&进行拼接
    
    json.strigify()是正常类型的JSON
    
    var a = { name:'lucy',age:'10' }

![在这里插入图片描述][20210117093616333.png]

1.  proxy的第二种写法
2.  创建项目‘
3.  项目清理与路径提示配置
4.  复习
5.  项目初始化

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDA2NzM0Nw_size_16_color_FFFFFF_t_70]  
npm install less less-loader --save

npm i reset-css

**子路由的路径要摸把前面的/去掉，要莫加上父级路由地址**

1.新建vue文件  
2.注册子路由  
3.router-view

[20210117093616333.png]: /images/20221119/288cb9d5b5a542879054dffd7c3459b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDA2NzM0Nw_size_16_color_FFFFFF_t_70]: /images/20221119/819f02b64aa14b50a6b9d44570c23269.png

发表评论取消回复

表情：

评论列表（有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读

相关基于 Vue 和 TS 的 Web 移动端项目实战心得

> 作者：mcuking（杭州个推） > > https://juejin.im/post/5d759f706fb9a06afa32adec 笔者在公司用 web 技术开发

野性酷女/ 2023年10月11日 12:53/ 0 赞/ 11 阅读

相关移动端电商项目总结

1.Html标签要正确使用链接跳转使用a标签，文本标签优先使用h或者p，信息登记收集等使用form表单域结构，table表格布局等等；标签的正确使用有利于网页的seo优化，

我就是我/ 2023年06月01日 12:50/ 0 赞/ 12 阅读

相关 Flutter移动电商实战 --（9）移动商城数据请求实战

1、URL接口管理文件建立第一步需要在建立一个URL的管理文件，因为课程的接口会一直进行变化，所以单独拿出来会非常方便变化接口。当然工作中的URL管理也是需要这样配置的

系统管理员/ 2023年06月01日 05:57/ 0 赞/ 162 阅读

相关 Flutter移动电商实战 --（1）项目学习记录

1、项目相关截图 ![1090399-20190811211516417-349871269.png][] 2、项目知识点梳理图 ![1090399-201908

Bertha 。/ 2023年06月01日 05:54/ 0 赞/ 16 阅读

相关 vantui+vue写移动端项目练手（下）

短信登录用到的函数： ![在这里插入图片描述][20210506145737701.png] 短信验证逻辑：点击发送验证码会向后端发送请求由后端处理，后端将生成的验证码

墨蓝/ 2023年01月18日 12:28/ 0 赞/ 20 阅读

相关基于VantUI的Vue移动端电商项目实战

1. 跨域解决 vue.config.js module.exports = { devServer :{ proxy:'ht

骑猪看日落/ 2023年01月07日 10:15/ 0 赞/ 197 阅读

相关 vue电商实战项目笔记(vue_shop) 第一章

[vue电商实战项目源码(vue\_shop)][vue_vue_shop] 参考视频：黑马2019前端 [vue_vue_shop]: https://gitee.c

柔光的暖阳◎/ 2022年12月31日 01:27/ 0 赞/ 171 阅读

相关 vantui+vue写移动端项目练手（上）

前言：本人属于垃圾码农一枚，此项目纯属练手，内容全部由本人自己构思，图片以及icon不属于本人原创，接口采用真实数据是自己付费买的，给小白们一起学习学习，需要源码请移步

我就是我/ 2022年11月17日 05:25/ 0 赞/ 200 阅读

相关基于vue3.0+vantUI+sass实现的移动端商城

基于yg\_mobile开发的一款简单的h5商城页面 `yg_mobile 自开发vue移动端的启动项目源码` yg\_mobile项目的gitee地址：[https

曾经终败给现在/ 2022年10月07日 03:53/ 0 赞/ 412 阅读

相关电商项目测试实战（三）

说明：该篇博客是博主一字一码编写的，实属不易，请尊重原创，谢谢大家！接着上一篇博客继续往下写：[https://blog.csdn.net/qq\_41782425/ar

秒速五厘米/ 2021年10月24日 00:12/ 0 赞/ 352 阅读