小编BT1*_*101的帖子

在 nuxt 配置中，我有 env 对象

env: {
    hey: process.env.hey || 'hey'
},

只要我想在组件模板中显示它：

{{ process.env.hey }}

我有一个错误

无法读取未定义的属性“env”

知道是什么原因造成的吗？

您是否知道任何试图检测用户是否使用 selenium/puppeteer/phantomJS 或任何其他无头浏览器的 web 应用程序/在线测试/在线防火墙？

我已经创建了我的 puppeteer 在线爬虫。我改变了很多不同的东西，比如window.navigator对象（用户代理、~.webdriver 等）。

现在我想确保它是不可检测的。

我已经无头了，我想等到用户重定向到某个页面。我可以使用waitForRequestpuppeteer API，但我不知道确切的 url，它必须通过一些情况。

因此，我使用 waitForFunction 并检查那里的情况，但是当我重定向到正确的 URL 时，我需要刷新页面以通过某种原因传递情况。

我的代码是：

try {
    await page.waitForFunction(() => {
        if(window &&
           window.location &&
           window.location.hostname) {
            const host = window.location.hostname.split('.');
            if(!host.includes('www') &&
               !host.includes('new') &&
               host.includes('margonem') &&
               host.length === 3) {
                return true;
            }
        }
    }, {
        polling: 200,
        timeout: 0
    })
} catch (e) {
    console.log(e);
}

当我重定向到通过上述所有 if 的 URL 时，我需要重新加载页面才能实际看到它返回 true。为什么它会这样工作？我不希望用户在输入正确的页面后被迫刷新页面。

我有最新的谷歌浏览器当前版本 80.0.3987.87。我从 JS 文档中复制了示例，它是

class ClassWithPrivateMethod {
  #privateMethod() {
    return 'hello world'
  }

  getPrivateMessage() {
      return #privateMethod()
  }
}

const instance = new ClassWithPrivateMethod()
console.log(instance.getPrivateMessage())
// expected output: "hello worl?d"

并将其粘贴到控制台。我应该得到 Hello World 但我有错误：

未捕获的语法错误：意外的标记 '('

从我声明私有方法的第二行开始。为什么出错，我的环境有什么问题？我不认为 MDN 文档不正确..

编辑：这个问题非常混乱，所以我基本上用相同的代码示例和相同的场景重写了它。

当从服务器响应发送 401 错误时，我试图.commit从拦截器到我的 vuex 存储：

import axios from 'axios';
import { store } from '../store/store';

export default function execute() {
    axios.interceptors.request.use(function(config) {
        const token = store.state.token;
        if(token) {
            config.headers.Authorization = `Bearer ${token}`;
            //console.log(config);
            return config;
        } else {
            return config;
        }
    }, function(err) {
        return Promise.reject(err);
    });
    axios.interceptors.response.use((response) => {
        return response;
    }, (err) => {
        console.log(err.response.status);
        if(err.response.status === 401) {
            this.$store.commit('logout');
        }
        console.log('err'); // this doesnt even console log
        return Promise.reject(err);
    });
}

但它抛出错误

类型错误：无法读取未定义的属性“$store” …

我有 nuxt 应用程序。我想创建这样的路径：

path: '/dworzec-pkp/:slug/:category?/:date?',

所以会有两个可选参数。示例网址为：

• localhost:5555/dworzec-pkp/nowa-iwiczna<-- 没有可选参数
• localhost:5555/dworzec-pkp/nowa-iwiczna/12-10-2020<-- 可选参数：日期
• localhost:5555/dworzec-pkp/nowa-iwiczna/departures<-- 可选参数：类别
• localhost:5555/dworzec-pkp/nowa-iwiczna/departures/12-10-2020<-- 可选参数：日期和类别

我如何知道 url 是否包含类别或日期？我应该只创建目录dworzec-pkp/_slug及其_.vue文件，然后以编程方式决定它是date还是category？或者也许有更好的解决方案？

目前我尝试这样：

我的问题是，当我输入此localhost:5555/dworzec-pkp/nowa-iwiczna/12-10-2020内容时，它会被视为:category?. 另外，我基本上需要将整个 _date.vue 和 index.vue 复制粘贴到那里，因为这些页面几乎相同。

我昨天做了一些提交，但没有推动它们。今天我醒来我试图推动它，我有

错误：错误的索引文件 sha1 签名致命：索引文件已损坏

我试过了：

$ del .git\index
$ git reset

然后尝试再次推送我的提交，但它失败了，现在我有了

致命：无法锁定参考“HEAD”：无法解析参考“参考/头/灯模式”：参考损坏

这是怎么回事？我不想丢失我的提交，但更重要的是我不想丢失我对项目的本地更改。

您好，我正在尝试通过我的 vue2js SPA 中的 webpack style-loader 加载 bootstrap css。

我安装了样式加载器，npm install --save-dev css-loader我已经把它放在devDependiecies了package.json. 我还在我的webpack.conf.js 中添加了以下内容：

  {
      test: /\.css$/,
      use: [ 'style-loader', 'css-loader' ]
  }

然后我安装了 bootstrap css throught

npm install bootstrap@4.0.0-beta.3

我做的最后一件事是在 main.js 中导入 bootstrap css

import '../node_modules/bootstrap/dist/css/bootstrap.css'
import '../node_modules/bootstrap-vue/dist/bootstrap-vue.css'

我也试过这样：

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

像这样：

import './../node_modules/bootstrap/dist/css/bootstrap.css'
import './../node_modules/bootstrap-vue/dist/bootstrap-vue.css'

这不起作用在命令行中给我这个错误（服务器启动后）：

未找到 ./src/main.js 模块中的错误：错误：无法解析“C:\Users\Adm\Documents\TheStockerTrader”中的“../node_modules/bootstrap-vue/dist/bootstrap-vue.css” src' @ ./src/main.js 7:0-62 @ 多主

未找到 ./src/main.js 模块中的错误：错误：无法解析“C:\Users\Adm\Documents\TheStockerTrader”中的“style-loader”@ ./src/main.js 6:0-58 @多主

而 chrome 控制台中的这个错误：

解析 …

Google 洞察告诉我将我的 JPG 图像转换为 WebP。它将每个图像的重量减少了一半，但问题是 Mac 上的 Safari（可能是最差的浏览器甚至边缘更好，请不要使用它，因此它会死）不显示 webP。

我已将此脚本添加到我认为是 polyfill 的应用程序中，但它没有帮助。它也写在那里下载两个文件，但webpjs-0.0.2.swf 链接已损坏。有一些有效的 polyfill 吗？

大多数图像通常作为绑定内联样式用作背景图像。因此，例如这个 polyfill将不起作用，因为 css 支持是未来的计划。

反过来，这缺乏关于 css/inline-style 的文档，并且还需要做一些工作来替换每个组件中每个图像中的路径。

如果你有 mac 和 safari -现场演示

我试图让我的在线机器人无法被检测到。我阅读了许多如何做到这一点的文章，并将所有技巧放在一起并使用它们。其中之一是改变window.navigator.webdriver。

我设法window.navigator.webdriver通过以下代码在 puppeteer 中进行了更改：

await page.evaluateOnNewDocument(() => {
    Object.defineProperty(navigator, 'webdriver', {
        get: () => undefined
    });
});

我绕过这个测试就好了：

然而，这个测试仍然以某种方式嘲笑我：

为什么WEBDRIVER不一致？