家用宽带怎么做ssr代理服务器

你搞懂ssr、vps没有？vps在那里？你家网络在那里？再说个二傻都懂的道理，假如你的想法能实现，那么别人公网宽带都办理1m的得了，都使用你设计的ssr代理服务器技术，那电信、移动、阿里、华为卖带宽的早就倒闭了。

缺点：1、SEO问题

2、首屏速度问题

3、消耗性能的问题

优点：

1、更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面

2、首屏渲染速度快

SSR 简单来说就是将页面在服务端渲染完成后在客户端直接展示。

indextemplatehtml

serverjs

vue项目是通过虚拟 DOM来挂载到html的，所以对spa项目，爬虫才会只看到初始结构。虚拟 DOM，最终要通过一定的方法将其转换为真实 DOM。虚拟 DOM 也就是 JS 对象，整个服务端的渲染流程就是通过虚拟 DOM 的编译成完整的html来完成的。

需要通过Webpack打包生成两份bundle文件：

Client Bundle，给浏览器用。和纯Vue前端项目Bundle类似

Server Bundle，供服务端SSR使用，一个json文件

不管项目先前是什么样子，是否是使用vue-cli生成的。都会有这个构建改造过程。在构建改造这里会用到 vue-server-renderer 库，这里要注意的是 vue-server-renderer 版本要与Vue版本一样。

打包之后目录结构

vueconfigjs

indextemplatehtml

打包成客户端和服务器端

启动node服务

github地址： https://githubcom/wang12321/SSR

这种情况一般是由于打开ssr代理后，

系统没有还原代理设置导致的问题。

解决方法如下：

步骤一：找到桌面的“网络”图标，右键点击“属性”。

步骤二：在弹出的窗口中点击左下角的“Internet选项”。

步骤三：在弹出的窗口中，选择“连接”选项卡，点击右下方的“局域网设置”。

步骤四：将“为LAN使用代理服务器”的选项去掉，选择自动检测设置。全部设置完之后，电脑浏览器即可正常上网。

找不到图了

操作步骤如下：

1、打开软件，点击右上角 + 号

2、Name（等同于备注）： 随意填写

3、Server(填写服务器地址) 如：域名 或 IP （不能有 http://）

4、Port（端口）如：12345

5、Password（密码）如：12345

6、ProxyMethod（代理选择）如：System（系统自带） / Global（全局代理） 一般默认不管

7、Method（加密方式）如：chacha20

8、Save Configuration （保存服务器配置）

9、点左上角，返回主界面

10、CURRENT ONLINE

11、这里会出现服务器列表，点击如果有多个服务器会弹出列表，如果一个就自动连接

注意事项：

第一次连接会弹出如下对话框

第一次如果没有弹出允许网络连接，点 ping 然后弹出允许网络，点击允许即可。