framework7+vue+webpack 开发web app商城之旅(2)

xiaoxiao2025-05-31  38

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> 就这样,在生产环境也可以按照地址栏改变地址访问相应页面。

待续。。。

转载请注明原文地址: https://www.6miu.com/read-5031041.html

最新回复(0)