vue发布到服务器接口404_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服务器正常跳转了