vue中的uri_vue部署后，访问路径问题

今天刚回答了一个类似的问题，我就直接把答案粘贴过来了！

单页面应用应该放到nginx或者apache、tomcat等web代理服务器中，同时要根据自己服务器的项目路径更改vue的路由地址。

如果说项目是直接跟在域名后面的，比如:http://www.sosout.com ，根路由就是 '/'。

如果说项目是直接跟在域名后面的一个子目录中的，比如:http://www.sosout.com/children ，根路由就是 '/children '，不能直接访问index.html。

以配置Nginx为例，配置过程大致如下：

(假设：1、项目文件目录： /mnt/html/vueCli(vueCli目录下的文件就是执行了打包后生成的目标目录下的文件)；2、访问域名：vue.sosout.com)

进入nginx.conf新增如下配置：

server {

listen 80;

server_name vue.sosout.com;

root /mnt/html/vueCli;

index index.html;

location ~ ^/favicon.ico$ {

root /mnt/html/vueCli;

}

location / {

try_files $uri $uri/ /index.html;

proxy_set_header   Host             $host;

proxy_set_header   X-Real-IP        $remote_addr;