豪先生的博客

一般这样就可以开始部署了，然后开启giteepages服务。如果出现了首页正常显示，其他页面显示404，那么需要在dist里面添加一个404.html文件，如下图。打包之后dist上传之后，还要新创一个.spa文件，注意！是 .spa 有个. 点，如下图。然后重新部署，重新查看页面（有时候没变化可能是缓存问题），一般就正常显示了。404.html内容和上图index.html内容一样，没错，就是一样。

这里先写上tauri官方fs的文档链接。

我在学习tauri配合网易云音乐过程中，发现我已经二维码登录了之后，调用一些需要登录的接口发现还是显示要我登录{code:'301',message:'需要登录'}。这里我直接用调用用户喜欢的音乐列表为localhost:3000/likelist?uid={你的用户id},后面发现是tauri携带cookie参数要放到query里面去参考代码如下。

图片最好长宽比是1:1：(其他好像会报错)

有的朋友就会有疑虑，为什么在vue项目开发的时候不会出现这种问题呢？因为在vue项目开发的时候是访问自己的8080服务器,后端有进行处理，在刷新界面后找不到相对路径时，会重新渲染index.html界面，把路由的控制权交给前端，然后前端负责路由的匹配，在找到符合/test/123 这种格式的路由后,就会匹配成功。vue router mode 默认为hsas，这样的url中会带有#，如果改成mode:'history'就能去掉#号，也可以正常访问，但是再次率先你页面就会出现404。

我们要在wordpress里面下载一个插件，完成静态化，这里选择。

在全局或者固定页面禁止使用（ctrl+R这个是tauri刷新页面功能）或者ctrl+?在onMounted。事件里面添加下面代码。

没有透明之前透明之后。

这里面有调用重新运行应用程序的api例子。在你需要的地方重启应用的前端添加这个函数即可。

【代码】Tauri网易云扫描二维码登录。

如果是有自己的服务器，放自己网站上，可直接用axios部署就行，就可跳过api、untils这2个文件夹的操作。上面代码是引入刚才创建的untils文件夹里面的文件，untils里面的文件如下，可以直接复制。这样设置后，接口就设置完成了，接下来设置vue.config.js（项目没有就自己创建）vue.config.js设置好就进行打包,部署到gitee上就能正常使用了，vue.config.js里面设置部署gitee仓库。api文件夹里面的user.js文件内容。base.js 请求接口。

在 Linux 上，则需要安装软件包对其进行支持，从官方文档了解 Linux 设置[2]。是一个布尔值，用于确定图像是否表示 macOS 上的模板图像[1]（为。方法，用于返回系统托盘的句柄，可以用来更新托盘图标和上下文菜单项。注意：只创建菜单项，而不添加事件处理，点击菜单依然会无响应。注意：点击托盘图标无响应，是因为并未对其添加菜单和事件。- 使用给定的标题和菜单项创建一个新的子菜单。注意：虽然应用菜单和托盘菜单都是菜单，但除。- 原生菜单项，目前仅支持菜单分割符。- 将自定义菜单项添加到系统托盘菜单。

【代码】Tauri+Element-plus loading组件。

在Vue2.x版本中，我修改element-ui组件样式用的是 >>> 来修改。这里记录下在Vue3cli中使用Element-plus,并修改组件样式用的是。这里的scoped表示这个页面的样式不会和（污染）其他页面的样式冲突。

因为tauri运行就开始加载所以窗口，我们的新窗口要通过点击才能打开，所以给test窗口添加visible：false 创建这个窗口并且隐藏test窗口（不激活test窗口）。每个窗口都有一个label标题，第一个窗口有默认label不需要自己设置。这种方法不需要在tauri.conf.json里面配置要打开的窗口配置，直接在前端调用创建窗口方法。在tauri.conf.json里面找到windows,在里面添加要打开新窗口的配置。第一个是主窗口,第二个是我们要创建的新窗口test页面。

2022/11/3 样式丢失解决了，在阿里巴巴图标库下载的图标最好是用svg，我是暂时用这个打包之后显示正常。然后放在路径C盘/用户/当前账户/AppData/Local/tauri/WixTools。我们需要在tauri.conf.json里面查找identifier这个名称。说下其他的，Tauri感觉确实比electron的内存占用小，好用23333。我们就单独去下载这个包，就是在图中的Downloading网址，去下载下来。这里右上角最小化按钮和关闭按钮样式丢失了，原因在查找中····。

你的项目/src-tauri/src/main.rs。

本文源地址： TAURI的http请求调用示例 - 简书 (jianshu.com)在文件中进行配置，配置代码示例如下：如上所示，将http的scope字段配置为这样，就可以调用任意的服务器地址的接口服务，杜绝了跨域问题。不过如果只有单一的服务器地址提供接口服务，根据官网的文档配置为相对的服务器路径就行。二、http不同请求类型的调用示例：1、常规的Get请求示例：2、常规的Post请求示例：

(注意)：element-plus在这里好像只能用ts引入才有效果，好像是element-plus只支持ts引入，用js引入会没有效果。效果图(switch按钮是element-plus的组件)element.vue代码。

tauri