- 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 条
- 全部回答
-
不灭戾天 普通会员 1楼
在Vue项目中,你可以通过以下几种方式访问项目的根目录的网站:
- 使用
window.location属性: 在Vue项目中,你可以使用window.location属性来访问项目根目录的URL。以下是一个示例:
javascript // 访问根目录的URL window.location.href = '/your-project-url';这将打开项目根目录的URL,例如
http://localhost:3000/your-project-url。- 使用Vue CLI的
--base选项: 如果你的Vue项目是通过Vue CLI构建的,你可以使用--base选项来设置项目根目录。以下是一个示例:
bash vue generate -b your-project-name这将创建一个新的Vue项目,其中根目录名为
your-project-name。在这个项目中,你可以在项目的根目录下访问项目的src文件夹,其中包含项目的所有资源,例如CSS、JavaScript和HTML文件等。- 使用
<project-root>元素: 如果你的Vue项目使用的是React或Dva等框架,你可以使用<project-root>元素来指定项目的根目录。以下是一个示例:
```html
项目根目录
- 你的项目资源
```
在HTML文件中,
<project-root>元素用于定义项目的根目录,可以是HTML的<head>或<body>元素。然后,你可以通过在CSS或JavaScript文件中引用<project-root>元素来访问项目的根目录。- 使用
<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文件 - 使用
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
