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

步骤一:

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

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

 

步骤二:

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

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

步骤三:

  设定完这些后,在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]

 

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

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

相关文章:

  • 2021-12-10
  • 2021-09-09
  • 2021-04-14
  • 2021-11-21
  • 2021-06-04
猜你喜欢
  • 2022-12-23
  • 2021-04-09
  • 2022-01-02
  • 2021-09-22
  • 2022-12-23
  • 2021-12-23
  • 2021-09-30
相关资源
相似解决方案