jsp页面嵌入vue打包好的页面 router- view不显示
时间: 2023-08-04 12:06:14 浏览: 73
可能是因为在打包 Vue 页面时,没有正确设置 publicPath 导致的。可以在 webpack 配置文件中设置 publicPath:
```javascript
module.exports = {
// ...
output: {
// ...
publicPath: '/'
}
}
```
如果还是无法显示,可以检查一下 Vue 页面的路由配置是否正确,以及是否正确挂载到了 JSP 页面中。另外,还可以在浏览器控制台查看是否有错误提示。
相关问题
vue app.vue 只放一个 router-view
在Vue的App.vue文件中只放一个router-view是常见的做法,特别是在使用Vue Router进行路由管理时。这样做可以让App.vue作为根组件,负责渲染当前路由所对应的组件。
通过在App.vue中只放一个router-view,可以实现页面的动态切换和组件的复用。在Vue Router的配置中,每个路由对应一个组件,当切换路由时,router-view会根据当前路由匹配到的组件进行渲染。
下面是一个示例:
```html
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
export default {
name: "App",
};
</script>
<style>
#app {
width: 100%;
height: 100%;
}
</style>
```
vue app.vue <router-view></router-view> 默认挂载界面
<router-view></router-view> 是 Vue Router 的核心组件,它用于渲染当前路由匹配到的组件。
在一个 Vue 应用中,如果使用了 Vue Router,那么在 App.vue 组件中使用 <router-view></router-view> 就是用来显示当前路由对应的组件。也可以在其他组件中使用 <router-view>,来显示对应的子路由。
默认情况下,使用 <router-view></router-view> 会渲染出一个空白页面,因为还没有设置任何路由规则。需要在 Vue Router 中配置路由规则,才能让 <router-view></router-view> 渲染出实际的界面。