vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。
|
1 2 3 4 |
const router = new VueRouter({ mode: 'history', routes: [...] }) |
当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！ 不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。 所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。 #后端配置例子 #Apache
|
1 2 3 4 5 6 7 8 |
<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule> |
除了 mod_rewrite，你也可以使用 FallbackResource。 #nginx
|
1 2 3 |
location / { try_files $uri $uri/ /index.html; } |
#原生 Node.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
const http = require('http') const fs = require('fs') const httpPort = 80 http.createServer((req, res) => { fs.readFile('index.htm', 'utf-8', (err, content) => { if (err) { console.log('We cannot open "index.htm" file.') } res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' }) res.end(content) }) }).listen(httpPort, () => { console.log('Server listening on: http://localhost:%s', httpPort) }) |
#基于 Node.js 的 Express 对于 Node.js/Express，请考虑使用 connect-history-api-fallback 中间件。 #Internet Information Services (IIS) 安装 IIS UrlRewrite 在你的网站根目录中创建一个 web.config 文件，内容如下：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <rules> <rule name="Handle History Mode and custom 404/500" stopProcessing="true"> <match url="(.*)" /> <conditions logicalGrouping="MatchAll"> <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> </conditions> <action type="Rewrite" url="/" /> </rule> </rules> </rewrite> </system.webServer> </configuration> |
#Caddy
|
1 2 3 4 |
rewrite { regexp .* to {path} / } |
#Firebase 主机 在你的 firebase.json 中加入：
|
1 2 3 4 5 6 7 8 9 10 11 |
{ "hosting": { "public": "dist", "rewrites": [ { "source": "**", "destination": "/index.html" } ] } } |
#警告 给个警告，因为这么做以后，你的服务器就不再返回 404 错误页面，因为对于所有路径都会返回 index.html 文件。为了避免这种情况，你应该在 Vue 应用里面覆盖所有的路由情况，然后在给出一个 404 页面。
|
1 2 3 4 5 6 |
const router = new VueRouter({ mode: 'history', routes: [ { path: '*', component: NotFoundComponent } ] }) |
或者，如果你使用 Node.js 服务器，你可以用服务端路由匹配到来的 URL，并在没有匹配到路由的时候返回 404，以实现回退。更多详情请查阅 Vue 服务端渲染文档。 from:https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90
View Details光子：最常见的原因是权限的问题，比如你的log目录没有写入权限，有时可能还要给“完全控制”的权限。 ============================================================================ log4net不输出日志文件主要有以下几个原因： 1 没有在AssemblyInfo文件中添加下面的代码：
|
1 |
[assembly: log4net.Config.XmlConfigurator(ConfigFile = "log4net.config", Watch = true)] |
2 运行程序目录下没有log4net.config配置文件。 解决方法有两种： 手动将log4net.config复制到运行程序 选择解决方案中的log4net.config，在属性–>复制到输出目录，选择始终复制。 3 运行程序目录下没有log4net.dll文件。 解决方案： 手动复制，一般不会出现。 4 log4net的net framework版本与运行程序的版本不一致。 如果在调试中出现以下提示：
|
1 2 3 4 5 |
引发的异常:“log4net.Appender.FileAppender.LockingStream.LockStateException”(位于 log4net.dll 中) 引发的异常:“System.InvalidOperationException”(位于 System.dll 中) 引发的异常:“System.IO.PathTooLongException”(位于 mscorlib.dll 中) 引发的异常:“System.IO.PathTooLongException”(位于 mscorlib.dll 中) 引发的异常:“log4net.Appender.FileAppender.LockingStream.LockStateException”(位于 log4net.dll 中) |
就很有可能是这个原因。 解决方案： 更改log4net版本或者运行程序的net framework版本。 5 log4net.config的配置文件中有错误。 解决方案： 这个问题最难解决，因为你必须要仔细检查每一个设置点。例如我有一次就无法输出日志，最后发现,file节点配置如下：
|
1 |
<file value="\\Log\\Common\\"/> |
更改为
|
1 |
<file value="Log\\Common\\"/> |
期待的日志就出现了。因此，如果前面确定都没有问题的话，你就应该仔细检查一下你的配置文件了。 from:https://blog.csdn.net/sgmcumt/article/details/83021616
View DetailsWSL 子系统是基于 LxssManager 服务运行的。 只需要将 LxssManager 重启即可。 可以做成一个 bat 文件。 net stop LxssManager net start LxssManager from:https://www.cnblogs.com/F4NNIU/p/10015183.html
View Details1、查看我的Ubuntu系统版本 2、客户机win10下载vnc viewer安装： 下载地址：https://download.csdn.net/download/qq_28284093/10387251 点击打开链接 官网：https://www.realvnc.com/en/connect/download/viewer/ 或者直接可以去官网下载 安装后如下： 3、配置被连接的阿里云服务器 （1）先更新下系统软件
|
1 |
sudo apt-<span class="hljs-keyword">get</span> update |
（2）安装VNC服务
|
1 |
sudo apt-get install vnc4server |
(3)启动vnc服务
|
1 |
vncserver |
需要设置密码（密码后面要用到，要记住哦），密码设置完成，服务启动： 这里，可以使用以下两个命令来增加进程和结束进程：
|
1 |
<span class="hljs-selector-tag">vncserver</span> <span class="hljs-selector-pseudo">:2</span> |
|
1 |
vncserver -<span class="hljs-keyword">kill</span>: <span class="hljs-number">2</span> |
(4)windows下启动vnc viewer客户端，并输入服务器ip+：进程 例如：120.88.88.120:1(注意是输入英文) 点击继续，会提示输入密码，这个时候就输入在步骤3设置的密码，连接成功，因为没有配置图形化界面，所以不太美观，出现下图所示： （5）配置图形界面，安装gnome桌面
|
1 |
sudo apt-get <span class="hljs-keyword">install</span> gnome-panel gnome-<span class="hljs-keyword">settings</span>-daemon metacity nautilus gnome-terminal |
（6）修改vnc的启动文件
|
1 |
vim ~<span class="hljs-regexp">/.vnc/</span>xstartup |
修改里面的内容如下，使用vim编辑器，i进入编辑： #!/bin/sh #Uncomment the following two lines for normal desktop: export XKL_XMODMAP_DISABLE=1 unset SESSION_MANAGER #exec /etc/X11/xinit/xinitrc unset DBUS_SESSION_BUS_ADDRESS gnome-panel & gnome-settings-daemon & metacity & nautilus & gnome-terminal & ESC退出编辑，:wq保存。 （7）安装桌面环境 安装x-window的基础：
|
1 |
sudo apt-get <span class="hljs-keyword">install</span> x-window-<span class="hljs-keyword">system</span>-core |
安装登陆管理器：
|
1 |
sudo apt-<span class="hljs-keyword">get</span> install gdm |
安装ubuntu桌面：
|
1 |
sudo apt-<span class="hljs-keyword">get</span> install ubuntu-desktop |
选择OK 任意选择，点击ok。（我选择第一个，简单介绍一下：gdm是标准桌面，lightdm是轻量桌面），安装过程会持续一段时间。 （8）安装完成之后，杀掉进程，创建进程再次连接： （9）调整分辨率，方便操作
|
1 2 |
vim /usr/bin/vncserver |
修改下面这一行： 再来看看效果，比刚才好多了 各位大神要是有好的意见或者建议，欢迎留言~~~~~
View Details在绝多数情况下，Linux 不需要使用到GUI的桌面环境，但是有时在一些特殊的场景如安装Oracle的时候，需要有图形界面进行辅助才可以安装。 如果要使用Linux的图形界面，一般有两种方式： 1、Linux系统安装X Windows图形界面，使用vnc远程。 2、Linux系统启用X协议，配置X Clent,本地有桌面环境的机器（如Windows）配置X Server,获取远程的信息，在本地X server上显示图形界面。 方法一: 本机安装图形界面 这里以CentOS6.5的机器为例，安装图形界面比较简单，使用yum即可。
|
1 2 3 |
yum groupinstall "X Window System" yum groupinstall "Desktop" yum groupinstall "Font" |
然后执行:
|
1 2 3 |
startx #或者执行 init 5 |
如果要启动时自动加载图形界面,修改/etc/inittab最后一行的默认配置：
|
1 2 |
vi /etc/inittab id:5:initdefault: # 5 为图形模式，3 为默认字符模式 |
如果是CentOS7 的系统：
|
1 2 |
yum group list #列出可用的GUI软件包 yum group install "GNOME Desktop" "Graphical Administration Tools" |
修改默认运行模式（7和6不一样）：
|
1 2 3 |
unlink /etc/systemd/system/default.target ln -sf /lib/systemd/system/runlevel5.target /etc/systemd/system/default.target reboot |
配置VNC 安装vnc:
|
1 |
yum install tigervnc tigervnc-server -y |
修改配置：
|
1 |
vi /etc/sysconfig/vncservers |
|
1 2 |
VNCSERVERS="2:root" VNCSERVERARGS[2]="-geometry 800x600 -nolisten tcp -localhost" |
设置vnc密码：
|
1 |
vncpasswd |
启动vncserver:
|
1 |
vncserver & |
这样，在本地就可以使用vncview远程连接到Linux图形界面。 方法二： 在Linux服务器上安装图形界面不是一种可取的方法，这样会降低服务器的性能，所以在这里重点介绍一下第二种方法。 X server 的运行原理是这样，远程的X client 做为客户端主动将数据发送到 x server服务器，X server服务器默认起始监听本地的6000端口，会根据不同客户端依次分配。X server将X client 传输的数据在本地进行处理，以图像的方式展现出来，数据传输使用的是X11协议。 这里需要先在本地电脑安装X server，可以使用比较流行的xming也可以使用VcXsrv,这两个都是开源的产品，当然如果有xmanager也能实现相同的功能。 这里我安装的是VcXsrv，使用默认的安装方式即可。 下载链接：https://sourceforge.net/projects/vcxsrv/ 配置好本地设置，默认的-1 改为0 ,然后一路点击默认配置，配置完成后启动VcXsrv server。 修改ssh配置/etc/ssh/sshd_config为：
|
1 2 3 |
AllowTcpForwarding yes X11Forwarding yes X11UseLocalhost yes |
重启sshd。 配置ssh,这里以xshell为例，如图： 如果有xmanager可以直接选择使用xmanager，由于是使用的VcXsrv，所以选择第二项，填写的IP为安装x server的主机，也就是本地电脑IP. 使用重新连接，配置环境变量(此处为X server的IP，配置要与Xshell统一 )：
|
1 2 |
export DISPLAY=192.168.20.171:0.0 xhost + |
如果安装的有xhost,执行 xhost + 此步的时候一直卡着没有输出，或者出现“xhost: unable to open display "192.168.20.171:0.0"”，请关闭本地防火墙，并确认本地X server的配置是否正确。 执行测试：
|
1 2 3 |
# yum install xclock # xclock Warning: Missing charsets in String to FontSet conversion |
[…]
View Details