Question

耶！

我已经运行了第一个用vue.js制作的真实世界网络应用程序！

这是一个非常简单的wordpress帖子查看器（列表/单个），用于嵌入任何网站（在我的情况下，酒店网站）在酒店连锁主网站上发布的一些优惠。

它完美地作为独立的webapp（我本地的/folder/index.html），以及vue路由器历史记录模式，这要归功于这个apache .htaccess配方的神奇之处：

<IfModule mod_rewrite.c>
 RewriteEngine On
 RewriteBase /
 RewriteRule ^index\.html$ - [L]
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteRule . /ofertasvue/index.html [L]
</IfModule>

我的测试工作完美，我有一个帖子列表：

/报价

并且每个帖子看起来像

/报价/报价/ 3989

但我需要在www.hotel.com/offers网址中将此web应用程序投入生产。

酒店网站当然有自己的.htaccess，但我没有找到正确的方法来调整这个mod_rewrite食谱，我看不清楚。

www.hotel.com/offers 效果很好，但每次优惠都会在点击时显示：

http://www.hotel.com/http:/www.hotel.com/offers/offers/offer/3989 ＆lt; - 是的，重复的域名，重复的父级...它的工作原理，唯一的问题是非常的路由外观...

你们中的任何一个，孩子们都有类似的生产webapp环境吗？

找到路线，子路线，nginx，甜甜圈等的一些文档，但我看不清楚，请问你能帮帮我吗？

这是我的两条简单路线：

Vue.use(VueRouter);

const routes = [
    {path: '/offers/', component: Ofertas},
    {path: '/offers/offer/:id', name: 'oferta', component: Oferta},
]

const router = new VueRouter({
    routes,
    mode: 'history',
})

谢谢！

带有路线的Vue.js迷你应用程序，托管在子URL

0 个答案: