哈哈哈哈哈哈哈

tauri作为客户端应用，使用rust作为后端，我们可以使用rust来编写后端功能。然而rust的学习成本相对来说还是比较高的，并且我们希望不是所有的功能都在客户端实现，所以我们还是需要和后端程序（Java、Node应用等）进行通信。本文使用第二种方式，因为对于客户端应用，访问后端服务时，如果使用axios存在跨域问题，如果在后端不允许跨域或者不方便配置跨域时，tuari提供的API便可以很好的解决这个问题。

tauri默认的顶部可拖拽，有时候我们不需要这个拖拽，或者需要自定义拖拽区域时，就需要通过tauri提供的属性来自定义拖拽区。![在这里插入图片描述](https://img-blog.csdnimg.cn/de155809350d4f3ba39cc4078b7e593d.png接下来我们就实现一个美化过后的拖拽区。我们定义一个Vue组件，名为Header，添加如下代码，需要注意的，在需要拖拽的区域需要添加属性，但仅仅添加这个属性是不够的，因为当div嵌套多层时，

接下来就可以愉快的开发了，开发过程中如果没有涉及到和tauri后端通信，则无需关注rust部分，完全使用Vue开发即可。提示：tauri创建的前端工程，默认使用vite，如果你更熟悉webpack，也是可以更换的。💡注意：请确保Node.js和Rust已经正确安装。，任选一个即可，这里选择JavaScript。在创建过程中，需要根据提示选择配置项。

Hi~，欢迎阅读tauri系列的文章。这是一系列关于tauri开发的内容，其中总结了自己在开发过程中遇到的问题以及解决方案，如果你正在学习或准备使用tauri进行客户端应用的开发，则可以参考本系列文章。