vue项目网页变灰

在这里插入图片描述添加的代码段:

html{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}

已验证好用

参考:
https://blog.csdn.net/YOUYOU0710/article/details/105350655

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以按照以下步骤在华为云上部署Vue项目网页: 1. 登录到华为云控制台并选择适当的区域和项目。 2. 在控制台左上角的搜索框中输入“云服务器ECS”并选择相应的服务。 3. 在ECS管理页面,点击“创建实例”来创建一个新的虚拟机实例。 4. 在创建实例页面,选择适合您需求的实例规格、镜像和存储等选项。确保选择的镜像中已经安装了您需要的操作系统和相关软件。 5. 配置网络和安全组,确保您可以通过公网IP访问到您的虚拟机实例。 6. 创建完成后,等待实例状态变为“运行中”。 7. 使用SSH工具,如PuTTY(Windows)或Terminal(Mac/Linux),通过公网IP连接到您的虚拟机实例。 8. 在虚拟机实例中安装Node.js和npm,这是运行Vue项目所需的依赖。您可以根据不同的操作系统使用适当的包管理器进行安装。 9. 将Vue项目的代码文件上传到虚拟机实例中,您可以使用FTP工具或者使用SCP命令(如`scp -r local_folder user@public_ip:remote_folder`)进行文件传输。 10. 在虚拟机实例中进入Vue项目的根目录,并运行`npm install` 命令来安装项目的依赖。 11. 运行`npm run build`命令构建Vue项目,这将生成一个用于生产环境的优化后的代码。 12. 安装一个Web服务器,如Nginx,可以使用包管理器进行安装。配置Nginx以将请求转发到Vue项目的生成代码目录。 13. 启动Nginx服务,确保您可以通过虚拟机的公网IP访问到您的Vue项目。 这样,您的Vue项目就可以通过华为云上的虚拟机实例进行访问了。请注意,这只是一个基本的部署过程,您可能还需要根据具体需求进行一些额外的配置和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值