Vue自学遇到的各种奇葩问题✨

1.div的背景加不上

最终的解决方法：

<div style="background: url('src/assets/login.png'); background-size: cover;background-position:right; ">

2.跨域问题

最终解决用的Vite自带的方法：

   server:{
      proxy:{
        '/api': {
          target: 'http://ceshi13.dishait.cn',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, '')
      }
   }

3.出现使用util的函数不可用问题

这个问题最变态了，因为前面针对setToken函数没有任何问题，到最后对比了两个函数调用唯一的区别，只有取名字了。。。
最终解决方法：

将函数名字从toast改成了toasT,然后调用就正常了，这合理吗。。。

4.巨好看的边框

style=" border:3px solid #fff; box-shadow: 0px 0px 20px skyblue,0px 0px 20px skyblue inset;"

话不多说，直接看效果吧↓

5点击图片或者其他元素跳转的方法

<a class="card" href="#">
  <div class="card__background"
  style="background-image: url(https://yu-space.oss-cn-beijing.aliyuncs.com/图片/20221109223228.png)">
  </div>
    <div class="card__content">
     <p class="card__heading">Winter</p>
       <h3 class="card__Season">The meaning of the cold, perhaps is to let you find something warmer.</h3>
      </div>
     </a>

6.元素圆角设置

border-radius: 20px;

7.div内子组件居中

父div部分： display:table-cell;text-align:center;vertical-align:middle;
子组件：display:inline-block;text-align: left;

持续学习Vue中，持续更新中……