vue部署服务器以及解决部署到apache路由出现404

　　最近在开发cms的时候使用Vue.js框架，利用vue-route、vue-cli结合webpack编写了一个单页路由项目，自己在服务器端配置apache。部署完成后，访问没问题，从页面中点击跳转就会报错，就会出现404现象！在本地开发中是没有这个问题的，调试的时候一切都是正常的。

步骤一：

　　在config/index.js文件里的assetsPublicPath改成你放在服务器的文件路径里，根目录就是：/   如果是放在某个文件夹，例： /vuep/

 

步骤二：

　　在自己的路由配置中加入base属性，属性的值根据自己项目放置的位置来设定，如图所示，我自己的就是：/vuep/

步骤三：

　　设定完这些后，在Apache服务器上路由跳转是有问题的，需要在apache的配置文件httpd.conf里面配置路由跳转，（注：如果是放在根目录，RewriteRule的值就是./index.html [L] ,因为我自己的是放在vuep文件夹里面的）如图所示，在配置文件加入如下代码：

 

AllowOverride all
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ./vuep/index.html [L]

 

配置完这些后，自己的项目就可以在apache服务器正常跳转了

转载于:https://www.cnblogs.com/aiqq/p/7595081.html