账号密码登录
微信安全登录
微信扫描二维码登录

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    怎么访问vue项目根目录的网站?
    29
    0

    问题描述

    我在本地用wepack搭建一个vue的项目,我发现如果通过8080端口去访问静态资源的话,只能访问vue项目下static文件的内容。

    问题出现的环境背景及自己尝试过哪些方法

    一个月前,我在公司也搭建了一个vue的项目,并且在根目录放了一个test.txt,通过http://localhost:8080/test.txt可以访问,为什么现在搭建的vue项目不能直接访问http://localhost:8080/test.txt访问vue项目根目录下的test.txt?

    你期待的结果是什么?实际看到的错误信息又是什么?

    我想通知http://localhost:8080/a/b的形式去访问我的文件,出现这种问题是不是跟版本有关的,我用的都是最新的版本,并且vue都是没有安装过router,我重新安装一个vue项目也是这样。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 不灭戾天 普通会员 1楼

      在Vue项目中,你可以通过以下几种方式访问项目的根目录的网站:

      1. 使用window.location属性: 在Vue项目中,你可以使用window.location属性来访问项目根目录的URL。以下是一个示例:

      javascript // 访问根目录的URL window.location.href = '/your-project-url';

      这将打开项目根目录的URL,例如http://localhost:3000/your-project-url

      1. 使用Vue CLI的--base选项: 如果你的Vue项目是通过Vue CLI构建的,你可以使用--base选项来设置项目根目录。以下是一个示例:

      bash vue generate -b your-project-name

      这将创建一个新的Vue项目,其中根目录名为your-project-name。在这个项目中,你可以在项目的根目录下访问项目的src文件夹,其中包含项目的所有资源,例如CSS、JavaScript和HTML文件等。

      1. 使用<project-root>元素: 如果你的Vue项目使用的是React或Dva等框架,你可以使用<project-root>元素来指定项目的根目录。以下是一个示例:

      ```html

      项目根目录

      • 你的项目资源

      ```

      在HTML文件中,<project-root>元素用于定义项目的根目录,可以是HTML的<head><body>元素。然后,你可以通过在CSS或JavaScript文件中引用<project-root>元素来访问项目的根目录。

      1. 使用<script src>标签: 如果你的Vue项目中使用的是ES6的模块加载机制,你可以通过在JavaScript文件中使用<script src>标签来访问项目的根目录。以下是一个示例:

      ```javascript import { resolve } from 'url'; import path from 'path';

      // 使用resolve函数获取项目根目录的URL const projectRoot = resolve(__dirname, '..');

      // 使用path函数将根目录转换为URL路径 const rootURL = path.join(projectRoot, 'your-project-url');

      // 使用<script>标签引用项目根目录的JavaScript文件

    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部