framework7+vue+webpack 开发web app商城之旅（2）

1、上一篇中，地址栏修改地址没法进入某个页面的问题，其实还有一种方法解决：
（1）在app.vue 中的methods里定义函数：
  methods: {
    reload: function () {
      this.search();
      console.log(this.search())
    }
  }
（2）然后添加事件监听
  watch:{
    $route:'reload'
  },
  这样，只要路由配好了，在地址栏修改地址就可以跳到相应的页面
以上测试都是在开发环境的进行的，但是当我把项目打包后，放到生产环境测试时，发现页面并不能正确跳转，空白的页面中倒是只有两行错误提示：
    Not Found
    The requested URL /cart was not found on this server.
    //在这个服务器上找不到请求的URL/CART
    
解决办法：在index.html的同级目录下添加一个文件：.htaccess,该文件里的内容：
<IfModule mod_rewrite.c>
	Options +FollowSymlinks
	RewriteEngine On
	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteCond %{REQUEST_FILENAME} !-d
	RewriteRule ^(.*)$ index\.html [L]
</IfModule>
就这样，在生产环境也可以按照地址栏改变地址访问相应页面。

待续。。。