yl197837 发表于 2017-12-25 17:35:32

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 ,因为我自己的是放在vuep文件夹里面的)如图所示,在配置文件加入如下代码:
  AllowOverride all
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ -
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule ./vuep/index.html

  配置完这些后,自己的项目就可以在apache服务器正常跳转了
页: [1]
查看完整版本: vue部署服务器以及解决部署到apache路由出现404