vue怎么获取当前文件在项目中的地址路径呢？

希望得到：pages/system/dictionaries/index.vue

console.log(__filename, __dirname); 也拿不到

但是在vue.config.js就可以：

window.location.pathname

在JavaScript中，你可以使用window.location.href来获取当前文件的地址。这将返回一个字符串，包含了完整的URL。

例如：

var currentFileUrl = window.location.href;  
console.log(currentFileUrl);

这将会在控制台输出当前文件的URL。

需要注意的是，如果你在iframe或者窗口中打开一个新页面，window.location.href将返回新页面的URL，而不是原始页面的URL。

如果你想获取当前执行的JavaScript文件的路径，可以使用__filename或__dirname（这取决于你是在Node.js环境还是浏览器环境）。但在浏览器环境中，__filename将返回包含文件名的URL，而不是完整的文件路径。

例如：

var currentFile = __filename; // 在浏览器环境中  
console.log(currentFile);

如果你需要获取完整的文件路径，这在浏览器环境中通常是不可能的，因为出于安全和隐私的考虑，浏览器不允许脚本访问完整的文件路径。

【以下回答由 GPT 生成】

在React.js中，你可以使用window.location对象来获取当前文件的地址。具体步骤如下：

1. 首先，在你的React组件中，使用import语句引入window对象。

import React from 'react';
import window from 'window';

1. 在你的组件代码中，使用window.location.pathname属性来获取当前文件的路径。

const currentPath = window.location.pathname;

1. 如果你想获取完整的URL地址，可以使用window.location.href属性。

const currentURL = window.location.href;

1. 最后，你可以通过字符串分割的方式，截取出文件名部分。

const fileName = currentURL.split('/').pop();

整体代码如下：

import React from 'react';
import window from 'window';

const MyComponent = () => {
  const currentPath = window.location.pathname;
  const currentURL = window.location.href;
  const fileName = currentURL.split('/').pop();

  return (
    <div>
      <p>当前文件路径：{currentPath}</p>
      <p>当前文件完整地址：{currentURL}</p>
      <p>当前文件名：{fileName}</p>
    </div>
  );
};

export default MyComponent;

请注意，以上代码假设你已经安装了window包，并正确引入。另外，这种解决方案仅适用于基于浏览器的React应用程序，不适用于服务器端渲染的应用。如果你的项目结构或文件地址格式有特殊情况，你可能需要对代码进行适当的修改。

【相关推荐】

• 你可以看下这个问题的回答https://ask.csdn.net/questions/743050
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：JS遍历树状数据，选择需要的字段重构一个新的树状数据
• 您还可以看一下 言文老师的消灭JavaScript怪兽第二季(合集)：面向对象玩转JS课程中的 课程介绍小节, 巩固相关知识点
  
• 除此之外, 这篇博客: js拓展运算符拷贝问题中的 问题描述 部分也许能够解决你的问题。