我从vue router documentation阅读到以下说明:
但是,当用户直接访问我网站中的深链接时,仍然会出现404错误。
编辑:我也使用Laravel路由。以下是我的Laravel路由。
因此,我尝试按照以下方式配置我的nginx。注意:使用历史模式时,服务器需要正确配置,以便用户直接访问您网站上的深层链接时不会出现404错误。
server {
listen 80 default_server;
listen [::]:80 default_server ipv6only=on;
root /var/www/laravel/public/;
index index.php index.html index.htm;
server_name working.dev;
location /user {
rewrite ^(.+)$ /index.php last;
}
location / {
try_files $uri $uri/ /index.php?$query_string;
}
location ~ \.php$ {
try_files $uri /index.php =404;
fastcgi_split_path_info ^(.+\.php)(/.+)$;
fastcgi_pass unix:/var/run/php5-fpm.sock;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}
}
以下是我的Vue配置
var router = new VueRouter({
hashbang: false,
history: true,
linkActiveClass: "active",
root: '/user'
});
但是,当用户直接访问我网站中的深链接时,仍然会出现404错误。
编辑:我也使用Laravel路由。以下是我的Laravel路由。
Route::get('user', function() {
return View::make('user.index');
});