开发中问题记录（实时记录）

官方认证新生代农民工_平安喜乐

已于 2024-04-04 12:50:20 修改

阅读量893

点赞数 1

文章标签： react.js 前端 javascript

于 2023-08-01 11:30:33 首次发布

本文链接：https://blog.csdn.net/weixin_60968779/article/details/132038488

版权

react：

1. 使用history.goback()返回页面没有重新调接口

解决方案：使用以下 API

window.location.href = document.referrer;

2.解析字符串html

<div

dangerouslySetInnerHTML={{

__html: content,

}}

/>

3.使用useMemo缓存数据没更改

加 key

4. NaN的出现

0 / 0 等于 NaN

5. window.location.href没跳转过去

在html模板中加入以下代码

<meta name="referrer" content="no-referrer" />

6.定时器清除失败

使用clearTimeout或者clearInterval，会把返回值赋值给 timer ，清除 timer失败

定时器的返回值是他的id，存储为动态变量

使用clearTimeout或者clearInterval 清除动态变量

7. for of 渲染对象

使用for of 遍历对象，提示类型错误不是可枚举

解决方法：

1. 修改为 for in

2. 对象转JSON字符串，使用字符串的 match方法正则匹配

vue：

1. 递归menu菜单时icon渲染

使用 component 动态组件，is为icon名称，例如：House

<el-icon> <component :is="House"></component> </el-icon>

nginx：

1.dist 放置并配置反向代理匹配去掉统一前缀

和 nginex.exe 同级

在server 中 /proxy/ 代理地址后/

location /proxy/ {

proxy_pass http://127.0.0.1:3007/;

}

#user nobody;

worker_processes 1;

#error_log logs/error.log;

#error_log logs/error.log notice;

#error_log logs/error.log info;

#pid logs/nginx.pid;

events {

worker_connections 1024;

}

http {

include mime.types;

default_type application/octet-stream;

#log_format main '$remote_addr - $remote_user [$time_local] "$request" '

# '$status $body_bytes_sent "$http_referer" '

# '"$http_user_agent" "$http_x_forwarded_for"';

#access_log logs/access.log main;

sendfile on;

#tcp_nopush on;

#keepalive_timeout 0;

keepalive_timeout 65;

#gzip on;

server {

listen 80; # 前端启动端口

server_name 127.0.0.1; # 前端启动地址

#charset koi8-r;

#access_log logs/host.access.log main;

location / {

root dist; # 根路径 dist包

index index.html index.htm; # 访问 index.html

}

# error_page 404 /404.html;

# redirect server error pages to the static page /50x.html

#

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

# 接口代理

location /proxy/ {

proxy_pass http://127.0.0.1:3007/;

}

location /img/ {

proxy_pass http://127.0.0.1:3007/;

}

# proxy the PHP scripts to Apache listening on 127.0.0.1:80

#

#location ~ \.php$ {

# proxy_pass http://127.0.0.1;

#}

# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

#

#location ~ \.php$ {

# root html;

# fastcgi_pass 127.0.0.1:9000;

# fastcgi_index index.php;

# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;

# include fastcgi_params;

#}

# deny access to .htaccess files, if Apache's document root

# concurs with nginx's one

#

#location ~ /\.ht {

# deny all;

#}

}

# another virtual host using mix of IP-, name-, and port-based configuration

#

#server {

# listen 8000;

# listen somename:8080;

# server_name somename alias another.alias;

# location / {

# root html;

# index index.html index.htm;

# }

#}

# HTTPS server

#

#server {

# listen 443 ssl;

# server_name localhost;

# ssl_certificate cert.pem;

# ssl_certificate_key cert.key;

# ssl_session_cache shared:SSL:1m;

# ssl_session_timeout 5m;

# ssl_ciphers HIGH:!aNULL:!MD5;

# ssl_prefer_server_ciphers on;

# location / {

# root html;

# index index.html index.htm;

# }

#}

}