Vue.js 带有CFML（Lucee）服务器的Vue路由器

我有一个标准的Vue路由器-它可以完美地与导航一样工作

测试

， 但是当我尝试在浏览器中键入ULR时 -这是重新加载页面，并给我404错误

作为服务器部分，我使用CFML（Lucee）

Vue代码-routes.js

import Home from './components/home.vue' 
import Test from './components/articleView.vue' 

export const routes = [     
{ path: '/', component: Home},     
{ path: '/test', component: Test} 
]

index.js

import { routes } from './routes'
Vue.use(VueRouter); 
const router = new VueRouter({   
mode:'history',   routes 
})

new Vue({     
el: '#app',     
router,     
render: h => h(App)   
})

---

你能告诉我在哪里挖掘吗？

你需要对你的Web服务器进行url重写配置，以便每个加载的历史路径也指向你唯一的vue应用程序索引文件。不知道您正在使用的Web服务器。但假设您的vue应用程序索引文件在Tomcat中为index.cfm，则如下所示：

#Let all static files load CSS,IMG,JS etc normally
RewriteCond %{REQUEST_URI} .*\.(cfc|cfm|map|css|js|html|png|jpg|jpeg|gif|txt|ttf|json|woff|ico)$ [OR]
RewriteRule ^(.*)$ - [L]

#Route everything else to index.cfm
RewriteRule ^(.*)$ /index.cfm$1 [L,QSA]

---

非常感谢。就我而言，是雄猫。这篇文章也有帮助