Doyoudo丶
Doyoudo丶

devServer

作用

在内存中构建了一个临时的服务器

配置

1,contentBase

告诉服务器,从哪个文件夹中获取内容

2,port

配置请求的端口号,默认为8080

3,open

当开启服务器时,自动打开页面

4,hot

开启HMR,必须有new webpack.HotModuleReplacementPlugin(),才能完全启用
当使用HMR时,必须使用module.hot.accept,来监听修改文件的变化,才会触发对应的实现,
例如vue,style-loader里面,都已经实现了module.hot.accept,所以才可以修改后就立刻改变,无需刷新

devServer_第1张图片
image.png

5,overlay

显示错误了警告,出现全屏覆盖层,如Eslint配置后提示

devServer_第2张图片
image.png

你可能感兴趣的:(devServer)

  • Webpack 概念速通：从入门到掌握构建工具的精髓 tabzzz 前端webpack前端
    Webpack基本概念这里我们先简单熟悉下Webpack的基本概念，我们在搭建项目的时候都会要用到的！这里我们分享的着重点是基本概念而不是具体配置项和使用方法依赖图(dependencygraph)模式(mode)入口(entry)输出(output)加载器(loader)插件(plugin)源映射(SourceMaps)开发服务器(devServer)依赖图（dependencygraph）依赖
  • 简易版ts+axios封装 谷神神神 typescript
    用到了VITE变量，可以参考VITE变量使用方式importaxios,{AxiosRequestConfig}from"axios";constinstance=axios.create({baseURL:import.meta.env.VITE_DEVSERVER,});//在header中添加本地存储的token//其他操作同理instance.interceptors.request.us
  • vue cli4跨域问题的解决 卟噜卟噜叭
    在开发环境下可以前端配置devServer解决跨域问题在package.json同级目录下新建一个vue.config.js文件，配置如下代码module.exports={devServer:{overlay:{//让浏览器overlay同时显示警告和错误warnings:true,errors:true},host:'localhost',port:8080,//端口号https:false,
  • 【前端工程化面试题】webpack proxy的工作原理，为什么能解决跨域问题 我有一棵树 前端webpacknode.js
    在webpack的配置文件webpack.config.js中有一个配置项devServer里面有一个属性是proxy，这里面可以配置代理服务器，解决跨域问题，请参考官网。一般来说webpack的代理就是说的开发服务器webpack-dev-server。其实不光是webpack其他的打包工具比如是vite，也有代理的功能，也是开发服务器。webpack-dev-server的工作原理本质是利用了
  • 【前端工程化面试题目】webpack 的热更新原理 我有一棵树 前端webpacknode.js
    可以在顺便学习一下vite的热更新原理，请参考这篇文章。首先有几个知识点需要明确热更新是针对开发过程中的开发服务器的，也就是webpack-dev-serverwebpack的热更新不需要额外的插件，但是需要在配置文件中devServer属性中配置hot：true，需要安装webpack-dev-server这个npm包webpack的热更新也使用websocket具体的步骤如下运行webpack
  • vue脚手架配置代理 axios请求 slot插槽 我家二爷
    vue脚手架配置代理方法一在vue.config.js中添加如下配置devServer:{proxy:"https://localHost:8080"}说明:1.优点:配置简单，请求资源时直接发给前端(8080)即可2.缺点:不能配置多个代理,不能灵活的控制请求是否走代理3.工作方式:若按照上述配置代理，当请求了前端不存在的资源时，那么该请求会转发给服务器(优先匹配前端资源)方法二编写vue.co
  • vue解决跨域问题 挣扎在黑暗中的码畜
    跨域问题在开发中，是一个常见的问题。解决方案可以在前端处理也可以在后端解决，本教程为在前端处理。本教程讲解的为vue3脚手架搭建的项目遇到的跨域问题，其他版本也同理。1.在项目根目录新建vue.config.js文件vue.config.jsmodule.exports={devServer:{//设置代理proxy:{"/api":{target:"http://m.kugou.com/",//
  • 初识webpack（二）解析resolve、插件plugins、dev-server DogEgg_001 webpack前端
    目录(一)webpack的解析(resolve)1.resovle.alias2.resolve.extensions3.resolve.mainFiles(二)plugin插件1.CleanWebpackPlugin2.HtmlWebpackPlugin3.DefinePlugin(三)webpack-dev-server1.开启本地服务器2.HMR模块热替换3.devServer的更多配置项(
  • devServer proxy 日常配置 35108b7328fb
    今天遇到一个项目中，服务那边使用的是roadhog阿里出品的打包工具服务中配置了proxy顺便看了一下proxy的文档。记录一下;希望帮助到有需要的小伙伴吧；当你拥有单独的API后端开发服务器并且希望在同一域上发送API请求时，代理某些URL可能会很有用。1.正常使用proxy:{'/api':{//这个是你要替换的位置target:'http://www.baidu.com'//这个是被替换的目
  • vue前端配置代理实现跨域请求 YJ_1101
    跨域的解决方法：设置让服务器允许跨域，使用nginx反向代理服务器实现在config.js中配置config配置官网：https://cli.vuejs.org/config/#devserver-proxydevServer:{host:'0.0.0.0',port:port,proxy:{[process.env.VUE_APP_BASE_API]:{target:`http://localh
  • uni-app开发H5跨域问题 GiRaffe_
    在项目找到manifest.json文件，添加h5配置代码如下："h5":{"title":"项目名称","template":"","devServer":{"https":false,"port":8080,"proxy":{"/api":{"target":"你的接口",//目标接口域名"changeOrigin":true,//是否跨域"secure":false,//设置支持https协
  • uniapp配置跨域无效 qq_43862878 uni-app前端vue.js
    在manifest.json做了如下配置想解决跨域的问题（配置完之后重启项目才会生效）"h5":{"devServer":{"disableHostCheck":true,"proxy":{"/api":{"target":"http://XXX.XXX.com","changeOrigin":true,"secure":false,"ws":false,"pathRewrite":{"^/api
  • Spring Could+Ant Design Pro表格数据加载 拉布拉卡的小推车 前端vuejava
    由于公司最近项目使用AntDesignPro，所以就学习了一下，以前公司使用的是easyui，所以这也是我的第一次学习尝试，记录一下，有不足大家帮忙指正。后台是SpringCould，使用Nacos作为服务注册中心注册。表格加载打开AntDesignPro项目修改配置，解决跨域问题，让它能连接到我们的项目的网关修改vue.config.js找到节点devServer，修改如下：devServer:
  • Vue代理模式和Nginx反向代理(Vue代理部署不生效) Major_xx 前端vue.js代理模式nginx
    在使用axios时，经常会遇到跨域问题。为了解决跨域问题，可以在vue.config.js文件中配置代理：const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,devServer:{port:7070,proxy:{'/api':{target:'
  • webpack 热加载 使用module.hot.accept和不使用的区别 疯一样的MEI男子 webpackwebpack前端javascript
    文章目录前言一、webpack热更新机制二、module.hot.accept的作用三、module.hot.accept基本用法四、使用案例前言在webpack4和5中，配置devServer.hot:true,就会开启模块热加载。但是在官网的案例中，仍会配合一个module.hot.accept使用。本文的目的就是对这个方法进行一个作用描述，最后将会阐述两个论点。为什么要使用module.ho
  • vue-cli3配置跨域 coolSummer003
    在根目录下创建vue.config.js//vue.config.jsmodule.exports={publicPath:'/',devServer:{proxy:{'/api':{target:'https://aip.baidubce.com',//对应自己的接口changeOrigin:true,secure:false,ws:true,pathRewrite:{'^/api':''}}}
  • 一知半解，临时解决ajax跨域请求 onebigday java学习vue.js前端javascriptajax
    在学习java编写接口。写好之后用vue写了个前端进行测试，结果总是有Access-Control-Allow-Origin错误。上网找，说在vue.config.js做配置,加上以下内容：module.exports={devServer:{port:8089,proxy:{'/mytest':{target:'http://192.168.0.183:8081',ws:true,changeO
  • vue-cli3.0设置根目录别称 时间的溺水者
    在根目录下新建vue.config.js文件constpath=require('path')functionresolve(dir){returnpath.join(__dirname,dir)}module.exports={devServer:{//open:true,//自动打开浏览器hot:true,//实时打包编译inline:true,//表示实时刷新浏览器port:'8020'//
  • 小程序/App和H5/Web端代理问题梳理 别拿曾经看以后~ 小程序前端
    思路：web端和h5是需要在浏览器访问的，由于浏览器的同源(同域)策略，会出现跨域的情况，所以需要在配置文件中添加反向代理。小程序和app由于不受同源策略的影响，所以不需要进行反向代理，同时小程序必须得用https协议域名。在开发的时候如果没有https域名，可以先在本地开启‘不校验合法域名’。各端如何配置代理：1.H5//config.jsh5:{devServer:{host:127.0.0.
  • vue vue.config.js devServer和.env(.env.development，.env.production) 文件配置 有希望的活着
    vue目前是三大框架最简单的一种，结合了angular和react的优点，vue最大的缺点就是数据迭代会导致一些列问题所以做大项目的话，有事和react和angular要差一点，我15年接触vue之前一直是angular和react。闲话不都说给大家讲解一下小知识。1，vue.config.jsdevServer//服务配置devServer:{open:false,//配置运行项目是否自动开启浏
  • 使用WebpackDevServer提示开发效率. 曹增
    在没有用devServer之前我们都是打包之后，通过文件的方式运行index.html文件,并且每改变一次代码都要重新打包,这样不仅不可以发送ajax请求而且会使得我们的开发效率极其低下.那么我们可以通过devserver在本地运行一个node环境,通过http的形式访问index.html文件并保持实时更新.watch在package.json中配置"serve":"webpack--watch
  • 使用Vue解决跨域问题 勇宝趣学前端 Vuevue.js前端javascript
    如果你是一个Web前端工程师，那么跨域这个问题肯定是绕不开的！1.创建vue.config.js设置devServer属性module.exports={devServer:{//webpack-dev-server配置host:'localhost',port:8080,//配置本项目运行端口proxy:{//配置代理服务器来解决跨域问题'/api':{target:'http://localh
  • 前端(Vue),和后端(springboot)解决跨域问题 打工人小夏 前端vue.jsjavascriptspringspringbootvue
    跨域它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制什么情况出现跨域：端口号，协议，域名有一个不同就会出现跨域问题一、前端解决Vue需要建立一个配置文件vue.config.js,然后加入devServer配置target是你要请求接口的地址pathRewrite表示你请求地址里面有/api出现，就会把/api之前的全部内容全部替换示例：前端调用接口地址：http://l
  • 记录解决报错--vue前后端分离，接口401(Unauthorized) jacGJ springbootvue.jsjava
    1.场景前端访问不了后端接口。报错401。2.解决步骤①在页面console.log(111)查看走到代码的位置没有。（走到了，没问题）②查看vue.config.js配置。这段配置就是vue访问api的url。（没问题）devServer:{port:8011,//前端端口//代理，例如前端访问http://127.0.0.1:8011/xxx//实际访问后端接口http://VUE_APP_U
  • vue-element-admin同时使用mock和真实API 何浩翔 vue.jsjavascript前端
    例如我这里要调真实的api地址为127.0.0.1:8080/dev-api/vat/queryDrugImportInfo找到vue.config.js修改devServer,目的是修改允许跨域和代理跳转devServer:{port:port,open:true,overlay:{warnings:false,errors:true},before:require('./mock/mock-s
  • vue项目刷新页面显示Cannot GET 大大。 vue相关vue.jsjavascriptwebpack
    网上很多方法说在webpack.config.js文件中添加devServer:{historyApiFallback:true}但有的项目没有webpack.config.js，此时可以在vue.config.js中进行配置此段代码，效果也是一样的重点！！！要重新运行npmrundev才会生效
  • Vue开发之proxy代理的配置（附带uniapp代理配置） qq_386605092 Vuevue.jsuni-appjavascript
    vue1.在vue.config.js中添加devServer属性中配置proxy属性module.exports={productionSourceMap:false,publicPath:'/',devServer:{port:8085,proxy:{'/api/admin':{target:'http://10.58.104.70:6111',changeOrigin:true,pathRe
  • 【报错】connection to ‘ws://192.168.223.217:8080/ws‘ failed: 久靥_ websocket网络协议
    解决方法在vue.config.js中配置devServer:{port:8080,host:'localhost',https:false}
  • 【跨域·配置代理】 久靥_ 后台管理项目笔记vue.js前端
    什么是跨域跨域：协议、域名、端口号不同请求，称之为跨域如果不能更改服务器，用代理如果能改，浏览器支持CORS用CORS，不支持用JSOPNJSOPN发送不了post请求传统方法：JAOPN,CROS，代理代理：配置vite或者webpackwebpack在vue.config.js中配置（webpack.config.js）注意：proxy一定要写在devServer里面module.export
  • 终于彻底搞明白了，webpack-devServer使用、运行流程、实现原理、常用配置项 前端驿站Lite webpack前端
    如果你想学到更多实用前端知识。可以关注我的公众号：【前端驿站Lite】，一个不止分享前端的地方ᕦ(•̀∀•́)ᕤ阅读收获阅读完本篇文章，你将会有以下收获：webpack-dev-middleware是什么、如何进行工作的。webpack-dev-server是什么、如何进行工作的、实现原理是什么。webpack-dev-server常用配置项static、hot、proxy重点解读。webpack
  • 辗转相处求最大公约数 沐刃青蛟 C++漏洞
    无言面对”江东父老“了，接触编程一年了，今天发现还不会辗转相除法求最大公约数。惭愧惭愧！   为此，总结一下以方便日后忘了好查找。   1.输入要比较的两个数a,b   忽略：2.比较大小（因为后面要的是大的数对小的数做%操作）   3.辗转相除（用循环不停的取余，如a%b,直至b=0）   4.最后的a为两数的最大公约数 &
  • F5负载均衡会话保持技术及原理技术白皮书 bijian1013 F5负载均衡
    一.什么是会话保持？        在大多数电子商务的应用系统或者需要进行用户身份认证的在线系统中，一个客户与服务器经常经过好几次的交互过程才能完成一笔交易或者是一个请求的完成。由于这几次交互过程是密切相关的，服务器在进行这些交互过程的某一个交互步骤时，往往需要了解上一次交互过程的处理结果，或者上几步的交互过程结果，服务器进行下
  • Object.equals方法：重载还是覆盖 Cwind javagenericsoverrideoverload
    本文译自StackOverflow上对此问题的讨论。 原问题链接   在阅读Joshua Bloch的《Effective Java（第二版）》第8条“覆盖equals时请遵守通用约定”时对如下论述有疑问： “不要将equals声明中的Object对象替换为其他的类型。程序员编写出下面这样的equals方法并不鲜见，这会使程序员花上数个小时都搞不清它为什么不能正常工作：” pu
  • 初始线程 15700786134
          暑假学习的第一课是讲线程，任务是是界面上的一条线运动起来。            既然是在界面上，那必定得先有一个界面，所以第一步就是，自己的类继承JAVA中的JFrame，在新建的类中写一个界面，代码如下： public class ShapeFr
  • Linux的tcpdump 被触发 tcpdump
    用简单的话来定义tcpdump，就是：dump the traffic on a network，根据使用者的定义对网络上的数据包进行截获的包分析工具。 tcpdump可以将网络中传送的数据包的“头”完全截获下来提供分析。它支 持针对网络层、协议、主机、网络或端口的过滤，并提供and、or、not等逻辑语句来帮助你去掉无用的信息。 实用命令实例 默认启动 tcpdump 普通情况下，直
  • 安卓程序listview优化后还是卡顿 肆无忌惮_ ListView
    最近用eclipse开发一个安卓app，listview使用baseadapter，里面有一个ImageView和两个TextView。使用了Holder内部类进行优化了还是很卡顿。后来发现是图片资源的问题。把一张分辨率高的图片放在了drawable-mdpi文件夹下，当我在每个item中显示，他都要进行缩放，导致很卡顿。解决办法是把这个高分辨率图片放到drawable-xxhdpi下。 &nb
  • 扩展easyUI tab控件，添加加载遮罩效果 知了ing jquery
    (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs(&
  • gradle上传jar到nexus 矮蛋蛋 gradle
    原文地址： https://docs.gradle.org/current/userguide/maven_plugin.html configurations {     deployerJars } dependencies {     deployerJars "org.apache.maven.wagon
  • 千万条数据外网导入数据库的解决方案。 alleni123 sqlmysql
    从某网上爬了数千万的数据，存在文本中。 然后要导入mysql数据库。 悲剧的是数据库和我存数据的服务器不在一个内网里面。。 ping了一下， 19ms的延迟。 于是下面的代码是没用的。 ps = con.prepareStatement(sql); ps.setString(1, info.getYear())............; ps.exec
  • JAVA IO InputStreamReader和OutputStreamReader 百合不是茶 JAVA.io操作 字符流
    这是第三篇关于java.io的文章了，从开始对io的不了解-->熟悉--->模糊，是这几天来对文件操作中最大的感受，本来自己认为的熟悉了的，刚刚在回想起前面学的好像又不是很清晰了，模糊对我现在或许是最好的鼓励 我会更加的去学 加油！： JAVA的API提供了另外一种数据保存途径，使用字符流来保存的，字符流只能保存字符形式的流   字节流和字符的难点：a,怎么将读到的数据
  • MO、MT解读 bijian1013 GSM
    MO= Mobile originate，上行，即用户上发给SP的信息。MT= Mobile Terminate，下行，即SP端下发给用户的信息； 上行:mo提交短信到短信中心下行:mt短信中心向特定的用户转发短信，你的短信是这样的，你所提交的短信，投递的地址是短信中心。短信中心收到你的短信后，存储转发，转发的时候就会根据你填写的接收方号码寻找路由，下发。在彩信领域是一样的道理。下行业务：由SP
  • 五个JavaScript基础问题 bijian1013 JavaScriptcallapplythisHoisting
    下面是五个关于前端相关的基础问题，但却很能体现JavaScript的基本功底。 问题1：Scope作用范围 考虑下面的代码：  (function() { var a = b = 5; })(); console.log(b); 什么会被打印在控制台上？  回答：         上面的代码会打印 5。 &nbs
  • 【Thrift二】Thrift Hello World bit1129 Hello world
    本篇，不考虑细节问题和为什么，先照葫芦画瓢写一个Thrift版本的Hello World，了解Thrift RPC服务开发的基本流程   1. 在Intellij中创建一个Maven模块，加入对Thrift的依赖，同时还要加上slf4j依赖，如果不加slf4j依赖，在后面启动Thrift Server时会报错 <dependency>
  • 【Avro一】Avro入门 bit1129 入门
    本文的目的主要是总结下基于Avro Schema代码生成，然后进行序列化和反序列化开发的基本流程。需要指出的是，Avro并不要求一定得根据Schema文件生成代码，这对于动态类型语言很有用。   1. 添加Maven依赖   <?xml version="1.0" encoding="UTF-8"?> <proj
  • 安装nginx+ngx_lua支持WAF防护功能 ronin47
    需要的软件:LuaJIT-2.0.0.tar.gz                   nginx-1.4.4.tar.gz          &nb
  • java-5.查找最小的K个元素-使用最大堆 bylijinnan java
    import java.util.Arrays; import java.util.Random; public class MinKElement { /** * 5.最小的K个元素 * I would like to use MaxHeap. * using QuickSort is also OK */ public static void
  • TCP的TIME-WAIT bylijinnan socket
    原文连接： http://vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html 以下为对原文的阅读笔记 说明： 主动关闭的一方称为local end，被动关闭的一方称为remote end 本地IP、本地端口、远端IP、远端端口这一“四元组”称为quadruplet，也称为socket 1、TIME_WA
  • jquery ajax 序列化表单 coder_xpf Jquery ajax 序列化
       checkbox 如果不设定值，默认选中值为on；设定值之后，选中则为设定的值   <input type="checkbox" name="favor" id="favor" checked="checked"/> $("#favor&quo
  • Apache集群乱码和最高并发控制 cuisuqiang apachetomcat并发集群乱码
    都知道如果使用Http访问，那么在Connector中增加URIEncoding即可，其实使用AJP时也一样，增加useBodyEncodingForURI和URIEncoding即可。 最大连接数也是一样的，增加maxThreads属性即可，如下，配置如下： <Connector maxThreads="300" port="8019" prot
  • websocket dalan_123 websocket
    一、低延迟的客户端-服务器 和 服务器-客户端的连接 很多时候所谓的http的请求、响应的模式，都是客户端加载一个网页，直到用户在进行下一次点击的时候，什么都不会发生。并且所有的http的通信都是客户端控制的，这时候就需要用户的互动或定期轮训的，以便从服务器端加载新的数据。   通常采用的技术比如推送和comet（使用http长连接、无需安装浏览器安装插件的两种方式：基于ajax的长
  • 菜鸟分析网络执法官 dcj3sjt126com 网络
      最近在论坛上看到很多贴子在讨论网络执法官的问题。菜鸟我正好知道这回事情.人道"人之患好为人师" 手里忍不住,就写点东西吧. 我也很忙.又没有MM,又没有MONEY....晕倒有点跑题. OK,闲话少说,切如正题. 要了解网络执法官的原理. 就要先了解局域网的通信的原理. 前面我们看到了.在以太网上传输的都是具有以太网头的数据包. 
  • Android相对布局属性全集 dcj3sjt126com android
    RelativeLayout布局android:layout_marginTop="25dip" //顶部距离android:gravity="left" //空间布局位置android:layout_marginLeft="15dip //距离左边距 // 相对于给定ID控件android:layout_above 将该控件的底部置于给定ID的
  • Tomcat内存设置详解 eksliang jvmtomcattomcat内存设置
    Java内存溢出详解   一、常见的Java内存溢出有以下三种：   1. java.lang.OutOfMemoryError: Java heap space ----JVM Heap（堆）溢出JVM在启动的时候会自动设置JVM Heap的值，其初始空间(即-Xms)是物理内存的1/64，最大空间(-Xmx)不可超过物理内存。 可以利用JVM提
  • Java6 JVM参数选项 greatwqs javaHotSpotjvmjvm参数JVM Options
    Java 6 JVM参数选项大全（中文版）   作者：Ken Wu Email: [email protected] 转载本文档请注明原文链接 http://kenwublog.com/docs/java6-jvm-options-chinese-edition.htm！   本文是基于最新的SUN官方文档Java SE 6 Hotspot VM Opt
  • weblogic创建JMC i5land weblogicjms
    进入 weblogic控制太 1.创建持久化存储 --Services--Persistant Stores--new--Create FileStores--name随便起--target默认--Directory写入在本机建立的文件夹的路径--ok 2.创建JMS服务器 --Services--Messaging--JMS Servers--new--name随便起--Pers
  • 基于 DHT 网络的磁力链接和BT种子的搜索引擎架构 justjavac DHT
    上周开发了一个磁力链接和 BT 种子的搜索引擎 {Magnet & Torrent}，本文简单介绍一下主要的系统功能和用到的技术。 系统包括几个独立的部分： 使用 Python 的 Scrapy 框架开发的网络爬虫，用来爬取磁力链接和种子； 使用 PHP CI 框架开发的简易网站； 搜索引擎目前直接使用的 MySQL，将来可以考虑使
  • sql添加、删除表中的列 macroli sql
    添加没有默认值：alter table Test add BazaarType char(1) 有默认值的添加列：alter table Test add BazaarType char(1) default(0) 删除没有默认值的列：alter table Test drop COLUMN BazaarType 删除有默认值的列：先删除约束（默认值）alter table Test DRO
  • PHP中二维数组的排序方法 abc123456789cba 排序二维数组PHP
    <?php/*** @package     BugFree* @version     $Id: FunctionsMain.inc.php,v 1.32 2005/09/24 11:38:37 wwccss Exp $*** Sort an two-dimension array by some level
  • hive优化之------控制hive任务中的map数和reduce数 superlxw1234 hivehive优化
    一、    控制hive任务中的map数: 1.    通常情况下，作业会通过input的目录产生一个或者多个map任务。 主要的决定因素有： input的文件总个数，input的文件大小，集群设置的文件块大小(目前为128M, 可在hive中通过set dfs.block.size;命令查看到，该参数不能自定义修改)；2. 
  • Spring Boot 1.2.4 发布 wiselyman spring boot
    Spring Boot 1.2.4已于6.4日发布，repo.spring.io and Maven Central可以下载(推荐使用maven或者gradle构建下载)。   这是一个维护版本，包含了一些修复small number of fixes,建议所有的用户升级。   Spring Boot 1.3的第一个里程碑版本将在几天后发布，包含许多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他