t-design问题总结

最新推荐文章于 2024-04-23 16:26:38 发布

科学电子佛

最新推荐文章于 2024-04-23 16:26:38 发布

阅读量268

点赞数

文章标签：前端 vue.js nginx

本文链接：https://blog.csdn.net/qq_43506529/article/details/133736634

版权

问题总结

自适应滚动轴
t-design中的t-table中设置滚动轴时，并且为自适应不同分辨率的屏幕，要给t-table设置高度，此时的高度要获取父盒子类的dom高度，父盒子的高度可以通过flex来自适应，在onMounted中获取高度,如下：
```
onMounted(() => {
  nextTick(() => {
    tHeight.value = document.getElementById('tableH').clientHeight;
  });
});
```
精度损失处理：
Math.round()四舍五入取整
Math.celi()向上取整
Math.floor()向下取整
小数点的四舍五入只能使用toFixed()
tdesign路由更改,
根据不同的路由判断拦截处理显示一级菜单
tdesign主题色配置，是由theme主题色
https网页访问http报错，nginx遇到https则代理成http。具体实现可以参考以下步骤：
当nginx遇到https请求时，可以通过反向代理将其转换为http请求
在nginx配置文件中添加反向代理配置，将https请求转发到http服务上。
配置ssl证书，确保https请求可以被正确处理。
重启nginx服务，使配置生效。
需要注意的是，ssl证书是关键，必须正确配置才能保证https请求能够被正确处理。同时，反向代理也需要正确配置，以确保请求能
够被正确转发。

解决路由跳转时router-view不显示的问题
你可能会遇到点击标签至跳转页面，但跳转页面，没有显示的问题，其原因可能是在index.js里创建的vuerouter对象里面的属
性书写错误，其属性值是routes而不是routers

const router = new VueRouter({
    //在router里配置路由和组件之间的映射关系
    routes: [{
            path: '/home',
            component: Home
        },//注意，这里是routes而不是 routers
        {
            path: '/about',
            component: About
        }
    ]
});

nginx的配置文件后是否需要重启？
修改nginx的配置文件不需要重启，只需重新加载
当我们修改了nginx的配置文件nginx.conf 时，不需要关闭nginx后重新启动nginx，只需要执行命令 nginx -s reload 即可让改动生效

nginx 项目上线后刷新页面丢失 404：
项目上线后刷新页面丢失
history 模式下，会出现一个致命的BUG，在服务器上面上线之后，点击页面跳转没有问题，但是一旦点击刷新页面会出现404错误,原
因是history模式下刷新界面，就等同于向服务器直接请求
在ngnix中的server中加入一句话：

location / {
    try_files $uri $uri/ /index.html;
}

server
{
    listen 端口号;
    server_name IP地址;
    index index.html;
    root路径;
    #服务器代理
    # location /api/ {
    #     proxy_pass 代理地址;
    # }
    location / {
        try_files $uri $uri/ /index.html;
    }
}

Nginx 调整文件上传大小：
用Nginx 部署了前端，发现上传附件大一点就会报错，查看配置文件，发现 spring 的附件配置已经配置了。那么就看下 Nginx 的 body
设置。 nginx 文件上传默认是 1MB 。
在 server 模块中设置：

server {
  listen       80;
  server_name  localhost;
  #charset koi8-r;
  client_max_body_size 10m;
  
  # 访问 / 网站跟目录返回的内容
  location / {
      root   /usr/share/nginx/html;
      index  index.html index.htm;
  }
}

ngxin代理解决图片问题：
涉及后端架包部署时，需要做二次代理，把第二个监听的接口打包到项目中，第一次监听的接口进入，进入后进入的是dist的html，html中的api+端口是第二个端口，第二个端口此时被监听，执行nginx配置的配置内容，loaction /uploads/的优先级高于 location / 的优先级，所以文件路径走的是（location就是本机ip+监听第二个端口+后端储存照片路径），触发第二个监听后，代理地址由访问的变为设定的后端api端口