第一次使用Apache部署Vue-CLI项目手记

开始学习Vue-CLI框架开发项目，以为必须在服务器端使用node服务器，当时还是理解的太肤浅。可以使用apache、Tomcat等部署其项目。

在使用apache部署项目时，遇到的问题是

（1）api接口无法使用

通过在虚拟主机配置时，增加反向代理设置来解决

<VirtualHost *:80>

        ServerName hao.jukebao.com.cn

        DocumentRoot "/www/wroot/web/ha.jukebao.com.cn"

        ErrorLog "/www/wroot/log/min/ha.jukebao.com.cn_error_log"

        CustomLog "/www/wroot/log/min/ha.jukebao.com.cn_access_log" combined

        ProxyRequests off

    <Proxy *>

      Order deny,allow

      Allow from Off

    </Proxy>

    ProxyPass /api http://api.hao.jukebao.com.cn/

</VirtualHost>

（2）路由是否为hash参数，并不影响服务器apache的配置，文献中的东西不一定相信。

（3）关于静态图片资源的链接问题，

部署服务器的时候，在vue.config.js增加了一个项目，用来调试上线后api无法打通的情况

publicPath: './'

导致图片链接部分失效，后来删除此配置项，一切恢复正常，注意这个问题