账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    为啥放到pages文件夹里的路径不起作用？
    69
    0

    1.我在src目录下新建了个文件夹pages用来存放组件，在pages文件夹中创建了两个文件：index.vue和content.vue

    2.routes.js 中配置路由部分代码如下

    {path:'/pages/index',name:'index',component:index},
{path:'/pages/content',name:'content',component:content}

    3.app.vue 中渲染部分代码如下

    <template>
    <div id="app">

       <div>
  <router-link  to="/pages/index">试试看</router-link>
  <router-link  to="/pages/content">我就看看</router-link>
</div>
<router-view></router-view>

    </div>
    </template>

    按照如上的配置，页面空白，也没报错，不知道路由哪里配错了。
    我试过把index.vue和content.vue两个文件放到跟app.vue平级的关系，修改path:/index 和 path:/content ， router-link那里修改成to="/index"就可以显示。
    所以这里我就想问问为啥放到pages文件夹里的路径不起作用？

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 悻諨鉽蕗過 普通会员 1楼

      在Angular中，"pages"文件夹通常用于存放项目的不同页面文件。如果你在"pages"文件夹中放置了路径，但是它不起作用，可能是由于以下原因：

      1. 文件路径错误：确保你的文件路径正确无误。例如，如果你在"pages"文件夹中放置的是一个名为"page1.html"的文件，但实际路径是"app/page1.html"，那么文件名可能会导致问题。

      2. 文件名称错误：确保你的文件名与Angular项目的根路径（如"pages"文件夹）一致。例如，如果你在根路径下创建了一个名为"page1"的页面，但实际路径是"pages/app/page1.html"，那么文件名可能会导致问题。

      3. 文件类型错误：在Angular中，页面文件通常为HTML、CSS和JavaScript文件。确保你的文件类型与Angular项目中的页面文件类型一致。例如，如果你在根路径下创建了一个名为"page1.html"的文件，但实际路径是"pages/app/page1.css"，那么文件类型可能会导致问题。

      4. 文件权限问题：如果文件所在的文件夹或文件权限不足，那么文件可能无法被访问。请确保你的文件和文件夹具有正确的权限。

      5. 页面代码错误：检查页面代码，确保它们正确引用了"pages"文件夹中的其他页面文件。例如，如果你在页面中引用了一个名为"page2.html"的文件，但实际路径是"pages/app/page2.html"，那么页面代码可能会导致问题。

      希望这些信息对你有所帮助！如果你仍然无法解决问题，可能需要进一步检查你的代码和环境。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部