code-server无法显示图片、视频等数据的解决办法

问题

code-server无法显示图片、视频，无法读取剪切版

原因

大意是code-server运行在非安全环境中，网页视图、剪切板等功能无法正常使用。

解决办法

• 方法1：在浏览器中设置忽略（推荐）
  以edge浏览器为例，在地址栏输入edge://flags，进入“实验”界面
  
  在“搜索标志”中输入Insecure origins treated as secure，启用该功能，并在下面的编辑框中输入code-server的IP地址和端口。（如果有多个，可以用逗号分隔）
  
  修改后点击下方弹出的重启按钮即可。

• 方法2：利用letsencrypt和nginx为code-server所在的服务器取得证书，以https的方式访问code-server

  1. 这种方法需要你拥有一个域名（如果没有，可以去freenom申请一个，或者去其他途径购买）。当你有域名时，你需要在你的域名中添加一条A记录（当你的地址是ipv4地址时）或AAAA记录（当你的地址是ipv6地址时）。
  2. 安装nginx

     sudo apt update
     sudo apt install -y nginx certbot python3-certbot-nginx
     

  3. 更新/etc/nginx/sites-available/code-server

     server {
     	# 端口必须使用80端口，因为letsencrypt验证时要用到80端口
         listen 80;
         listen [::]:80;
         # mydomain.com需要改为自己的域名
         server_name mydomain.com;
     
         location / {
           #http://localhost:8080/需要改为自己的code-server访问地址
           proxy_pass http://localhost:8080/;
           proxy_set_header Host $host;
           proxy_set_header Upgrade $http_upgrade;
           proxy_set_header Connection upgrade;
           proxy_set_header Accept-Encoding gzip;
         }
     }
     

  4. 启用code-server服务配置

     sudo ln -s ../sites-available/code-server /etc/nginx/sites-enabled/code-server
     sudo certbot --non-interactive --redirect --agree-tos --nginx -d mydomain.com -m me@example.com
     

     mydomain.com要改为自己的域名，me@example.com要改为自己的邮箱

  此时，应该能够通过https://mydomain.com访问code-server了