域名解析到本地以及添加https协议

很多时候，我们在开发中多个页面需要引用一个固定的文件，所以我们将这些文件放在一个web服务器上保存，固定域名以及路径，让所有的页面共同调用这些文件。

可是有时候，服务器还没搭建起来，但是我们的页面还需要调用这个文件，怎么办呢？有什么办法能让我们在服务器搭建以后不需要修改文件路径就能正常上线呢？

所以我们就可以在我们已经约定好的域名下建立这个文件，当然，这个域名在我们前端开发的时候，要解析到本地。当成品上线的时候，只要服务端按着约定好的路径放置相应文件，就可以正常访问相应的公共文件了！

下面就讲解本地配置域名服务器，并且解析到本地的相关配置！

PS：*在修改host文件的时候，很多小伙伴遇到访问被拒绝的情况大家可以参考：https://jingyan.baidu.com/article/624e7459b194f134e8ba5a8e.html?qq-pf-to=pcqq.c2c

*Win10配置java环境变量也可以参考:https://jingyan.baidu.com/article/02027811629b941bcc9ce521.html?qq-pf-to=pcqq.c2c

①下载tomcat本地服务器：可以私信我，当然最好百度下载！！！

②修改安装目录下conf下server.xml文件

域名解析到本地以及添加https协议

8080端口修改成80端口

③在安装目录下的webapps创建文件夹，里面放入要加载的文件可以使html也可以是js文件，这里以js文件为例！我创建一个h5_common文件夹，里面放入list.js文件。

域名解析到本地以及添加https协议

④浏览器输入127.0.0.1:80/h5_common/list.js就可以显示该js文件了！

⑤打开系统HOST文件，我的在C:\Windows\System32\drivers\etc\hosts，修改该文件

添加127.0.0.1 baidu.com（当然域名自己可以随意修改，任意想要修改解析位置的域名都可以），然后127.0.0.1修改成baidu.com就可以了！！！

⑥菜单键加R打开cmd，进入jdk文件夹内部我的是C:\Program Files\Java\jdk1.7.0_67，然后键入keytool -genkey -alias "tomcat" -keyalg "RSA" -keystore "d:\data\test.keystore"，配置JAVA环境变量在文章开头有简单介绍！

然后依次输入密码，还有城市，组织名称，地域名称等的信息，最后再输入一遍密码，尽量和刚开始的一样，方便记忆。记住，密码一定要6位以上，稍微复杂一点，否则会出奇奇怪怪的问题，尽量避免。

⑦然后看看你的D盘里面是不是多了一个data文件，里面还有一个你的test.keystore，（test是你自定义的！）

⑧再次修改server.xml，在<Service></Service>里面增加

注：这里面的keystoreFile是⑦里面说的data下的test.keystore文件路径，同时keystorePass也需要配置成你设置好的密码！ciphers也一样是你的密码域名解析到本地以及添加https协议

<Connector port="443" protocol="org.apache.coyote.http11.Http11Protocol"



               maxThreads="150" SSLEnabled="true" scheme="https" secure="true"



               clientAuth="false" sslProtocol="TLS"



               keystoreFile="D:\data\test.keystore"



               keystorePass="zhuqingyv123"



               ciphers="zhuqingyv123"/>

同时在web.xml中<web-app></web-app>的末尾增加协议如下：

<login-config>



    <!-- Authorization setting for SSL -->



    <auth-method>CLIENT-CERT</auth-method>



    <realm-name>Client Cert Users-only Area</realm-name>



    </login-config>



    <security-constraint>



    <!-- Authorization setting for SSL -->



    <web-resource-collection >



    <web-resource-name >SSL</web-resource-name>



    <url-pattern>/*</url-pattern>



    </web-resource-collection>



    <user-data-constraint>



    <transport-guarantee>CONFIDENTIAL</transport-guarantee>



    </user-data-constraint>



</security-constraint>

大家可以自行添加https的协议代码！

参考：https://jingyan.baidu.com/article/15622f2420ee40fdfcbea5ca.html?tdsourcetag=s_pctim_aiomsg&qq-pf-to=pcqq.c2c

⑨然后打开127.0.0.1/h5_common/list.js，看看是不是已经加上了https协议。如果加上了，就说明你操作对了！但是我们发现，浏览器依然认为我们这个不是安全的连接，因为我们没有加密协议！所以被浏览器认出来了！所以我们要在ciphers=””的引号中加入如下加密代码：

TLS_ECDHE_RSA_WITH_AES_128_CBC_SHA256, TLS_ECDHE_RSA_WITH_AES_128_CBC_SHA,TLS_ECDHE_RSA_WITH_AES_256_CBC_SHA384, TLS_ECDHE_RSA_WITH_AES_256_CBC_SHA,TLS_ECDHE_RSA_WITH_RC4_128_SHA, TLS_RSA_WITH_AES_128_CBC_SHA256,TLS_RSA_WITH_AES_128_CBC_SHA, TLS_RSA_WITH_AES_256_CBC_SHA256,TLS_RSA_WITH_AES_256_CBC_SHA,

SSL_RSA_WITH_RC4_128_SHA

⑩最后打开浏览器输入127.0.0.1/h5_common/list.js，是不是就成功了！你会发现，浏览器会给出警告！但是没关系，这很正常，不影响我们正常的开发行为！火狐可以添加例外，同时chrome也可以跳过！域名解析到本地以及添加https协议