nuxt 配置了i18n国际化 路由跳转地址栏改变了但是页面没有发生变化

从pages/_lang/news/index - 要跳转的页面pages/_lang/news/_id

pages/_lang/news/index.vue

<b-row no-gutters>
    <b-col cols="3" v-for="(item, index) in news" :key="index">
        <div class="news-item">
            <b-link :to="'/news/' + item.id" class="nav-link p-0 ">
                <b-img class="thumb" :src="item.thumb"></b-img>
                <div class="content">
                    <p class="title">{{ item.title }}</p>
                    <p class="desc" v-html="item.introduction"></p>
                </div>
            </b-link>
        </div>
    </b-col>
</b-row

 

 

pages/_lang/news.vue

<div class="fdasadfs">
    <NuxtChild :key="$route.params.id" />
</div>

 

pages/news.vue 、pages/news/index.vue、pages/news/_id.vue

<script>
    import News from './news/index'
    export default News
</script>

<script>
     import NewsIndex from '../_lang/news/index'
     export default NewsIndex
</script>

<script>
     import NewsDetail from '../_lang/news/_id'
     export default NewsDetail
</script>

 

 

路由的地址是改变了的,但是页面缺没有变换,因为配置了多语言,路由本来是http://localhost:8080/en/news/xx 把en给去除掉了 变成了http://localhost:8080/news/xx, 把路径改成http://localhost:8080/en/news/xx 页面就可以正常跳转并渲染

这个是目录

 

你好,我是有问必答小助手,非常抱歉,本次您提出的有问必答问题,技术专家团超时未为您做出解答

本次提问扣除的有问必答次数,将会以问答VIP体验卡(1次有问必答机会、商城购买实体图书享受95折优惠)的形式为您补发到账户。

​​​​因为有问必答VIP体验卡有效期仅有1天,您在需要使用的时候【私信】联系我,我会为您补发。