js文件中获取项目访问路径加载资源文件

最新推荐文章于 2024-07-01 18:23:48 发布
最新推荐文章于 2024-07-01 18:23:48 发布
阅读量5k 收藏
点赞数 1
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wgd930701/article/details/81022218
版权

getRootPath()+"static/html/projecthelp.html"    ;

function getRootPath() {

    var pathName = window.location.pathname.substring(1);

    var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));

    return window.location.protocol + '//' + window.location.host + '/' + webName + '/';

}

DDSDKB
关注
js 访问android 路径,Android与JS进行交互传文件路径
weixin_30139729的博客
05-27 1142
webview+h5这种混合开发最近很火，其中最重要的大概就是java代码和js的交互了，刚接触这东西两天，写写收获。新建一个assets文件夹，要与res这个文件夹同级，其中存放web项目。先看android端初始化webview// 设置支持JavaScript等webView = (WebView) findViewById(R.id.webView);settings = webView....
JS 动态加载js文件和css文件 同步/异步的两种简单方式
11-24
在JavaScript中，动态加载外部资源如js和css文件是常见的需求，这可以帮助我们优化页面加载速度，按需加载资源，或者处理某些特定场景，比如在用户交互后才加载某些脚本或样式。本文将深入探讨两种加载方式：同步和...
Java前端js获取当前项目路径
09-23
获得当前项目的根路径，js写出的公共方法，可在jsp中直接调用
JavaScript获取项目路径
u010286183的专栏
04-15 412
//js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.location.href;     //获取主机
在 JS 中快速读取文件的几种方法
weixin_42464273的博客
07-01 280
在 JS 中快速读取文件
js中获取当前项目的根路径
hello_world_1996的博客
09-10 1509
<script> // 获取当前网址，如：http://localhost:8080/project/modules/map/index.html var curWwwPath = window.document.location.href; // 获取主机地址之后的目录，如： /project/modules/map/index.html var pathName = window.document.location.p...
js中获取项目路径
键盘哥的博客
07-15 419
//获取项目路径 var curRequestPath = window.document.location.href; console.log("curRequestPath:" + curRequestPath); //获取项目请求路径 /people/toGetPeopleList.action var pathName = window.document.location.path...
JS获取文件大小方法小结
10-23
本文将介绍几种JavaScript获取文件大小的方法。 首先，我们来看方法一，使用ActiveX控件。这种方法适用于Internet Explorer浏览器，通过创建`ActiveXObject("Scripting.FileSystemObject")`来访问文件系统对象，...
vue.js学习笔记:如何加载本地json文件
10-20
本篇文章将介绍如何在Vue.js项目中加载本地JSON文件，以供开发时使用。 首先，假设你的项目是通过Webpack构建的。一个标准的项目结构可能如下所示： 1. 项目根目录下，有一个`data.json`文件，用于存储模拟数据。 ...
javascript文件中引用依赖的js文件的方法
10-26
要在一个JavaScript文件中引用另一个依赖的js文件，可以通过创建一个`script`标签的方式来实现动态地加载其他脚本。这种方式不会阻塞后续的JavaScript代码执行，因为浏览器会异步加载指定的脚本文件。 具体实现方法...
JavaScript获取当前url根目录(路径)
11-23
主要用到Location 对象，包含有关当前 URL 的信息,是 Window 对象的一个部分，可通过 [removed] 属性来访问。 方法一、js获取项目根路径的方法 function getRootPath(){ var curPageUrl = [removed].href; var rootPath = curPageUrl.split("//")[0] + curPageUrl.split("//")[1].split("/")[0] + curPageUrl.split("//")[1].split("/")
javascript文件中获取当前文件路径
08-24
在开发javascript插件的过程中，我们有时候需要获取当前JS文件的路径，用于自动加载一些图片、CSS等外部资源，但是javascript文件中并没有像PHP那样的__FILE__常量来供我们取得当前文件路径
js获取当前项目路径
热门推荐
今何在兮
04-18 1万+
js获取当前项目路径 function getRootPath(){ //获取当前网址 var curWwwPath=window.document.location.href; //获取主机地址之后的目录 var pathName=window.document.location.pathname; var pos=curWwwPath.indexOf(pathName); //获取主机地址 v...
JavaScript获取当前根目录
yangzongzhuan的专栏
02-06 1260
主要用到Location 对象，包含有关当前 URL 的信息,是 Window 对象的一个部分，可通过 window.location 属性来访问。 方法一 (window.document.location.href/window.document.location.pathname) ------------ function getRootPath_web() {
javascript 获取当前部署项目路径
weixin_33811539的博客
06-17 169
javascript 获取当前部署项目路径 ========================================= javascript获取当前部署项目路径： 主要用到Location 对象，包含有关当前 URL 的信息,是 Window 对象的一个部分，可通过 window.location 属性来访问。 方法一 (window.document.location.href/win...
js获得当前项目的根路径
赠人玫瑰,手留余香.
07-24 2441
两种方法，其实一样，第一种： function getRootPath(){ var strFullPath=window.document.location.href; var strPath=window.document.location.pathname; var pos=strFullPath.indexOf(strPath); var prePath=strFullP
JS获取项目路径
SunnyJava的博客
03-14 659
js获取项目路径：function getRootPath(){ //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.location.href; //获取主机地址之后的目录，如： uimcardprj/share/meun.jsp var
js获取项目路径
王扬扬的博客
06-08 3039
使用js获取项目路径，以供全局使用。//js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){ //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp var curWwwPath=window.document.location.hr...
vue获取项目路径中的json文件
最新发布
09-13
在Vue.js应用中，如果你想从项目的某个JSON文件中读取数据，通常会涉及到浏览器环境下的文件系统访问。由于安全原因，浏览器环境不允许直接读取本地文件系统，尤其是跨域资源限制。但是，你可以通过以下几种方式间接地加载JSON： 1. **使用`axios`或`fetch`**：借助HTTP请求库，如axios或原生的fetch API，发送GET请求到服务器上，服务器可以处理静态文件并返回给前端。例如： ```javascript import axios from 'axios'; axios.get('/api/data.json') .then(response => { const jsonData = response.data; // 使用jsonData }) .catch(error => console.error('Error:', error)); ``` 2. **设置Webpack配置**：如果你使用Webpack打包，可以在配置中添加一个file-loader，将JSON文件作为模块导入： ```javascript // webpack.config.js module.exports = { module: { rules: [ { test: /\.json$/, use: ['file-loader'], }, ], }, }; // 在组件里引入 import data from '@/assets/data.json'; ``` 然后在组件内部像普通JavaScript对象一样使用它。 3. **使用`vue-resource`或`vue-cli-plugin-json-server`**：旧版本的Vue项目可能会使用这些工具。`vue-cli-plugin-json-server`甚至可以直接创建一个简单的本地JSON服务器。 4. **在开发环境下使用`vue.config.js`** (Vue CLI 3+): 如果允许，可以在`vue.config.js`中设置一个devServer配置，用于本地开发环境提供静态资源： ```javascript const path = require('path'); module.exports = { devServer: { staticFilesMode: 'dir', watchOptions: { ignored: /node_modules/, // 忽略node_modules目录 }, publicPath: '/data/', // 配置访问路径 port: process.env.PORT || 8080, }, }; ``` 现在你可以通过`http://localhost:8080/data/file.json`这样的URL访问JSON文件。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值