NET::VueJS 프로젝트 실행 시 ERR_CERT_INVALID 오류

NET::VueJS 프로젝트 실행 시 ERR_CERT_INVALID 오류

@vue/cli-service의 v3.9.2에서 실행되는 1년 전의 VueJS 프로젝트가 있습니다.계속 보고 있다https://localhost:8000사용방법--https의 깃발.vue-cli-service명령어를 입력합니다.

이제 업데이트했습니다.@vue/cli-service패키지를 v3.12.1로 전송합니다.내가 달릴 때npm run serveChrome에서 다음과 같은 오류가 발생합니다.localhost로 진행하기 위한 버튼이 없습니다.

Vue cli 서비스에서 무엇이 변경되었는지 이 오류가 표시되는지 및 이 오류를 수정하려면 어떻게 해야 합니까?

여기 제 소포가 있습니다.json

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "generate": "babel-node --config-file ./generator/babel.config.js -- ./generator",
    "prod-serve": "npm run generate && vue-cli-service --mode production --https --port 8000 serve",
    "build": "npm run generate && vue-cli-service build",
    "lint": "vue-cli-service lint",
    "lint-check": "vue-cli-service lint --no-fix",
    "serve": "vue-cli-service --https --port 8000 serve --host localhost",
    "postinstall": "postinstall",
    "test": "jest --changedSince=master --coverage",
    "test-ci": "jest --ci",
    "test-watch": "npm run generate && jest --watch --no-coverage",
    "test-e2e": "cypress run --browser chrome",
    "test-e2e-headless": "cypress run",
    "test-e2e-dev": "cypress open"
  },
  "dependencies": {
    "@babel/polyfill": "^7.0.0-rc.1",
    "can-ndjson-stream": "^1.0.0",
    "color-convert": "^2.0.0",
    "filesize": "^4.1.2",
    "intro.js": "^2.9.3",
    "jsonpath": "^1.0.1",
    "lodash": "^4.17.11",
    "luxon": "^1.11.4",
    "papaparse": "^4.6.3",
    "sass-loader": "^8.0.0",
    "search-query-parser": "^1.5.2",
    "vue": "^2.5.21",
    "vue-i18n": "^8.8.1",
    "vue-introjs": "^1.3.2",
    "vue-router": "^3.0.1",
    "vue2-dropzone": "^3.5.2",
    "vuelidate": "^0.7.4",
    "vuetify": "^2.1.12",
    "vuex": "^3.0.1",
    "vuex-i18n": "^1.11.0",
    "vuex-router-sync": "^5.0.0"
  },
  "devDependencies": {
    "@babel/cli": "^7.4.4",
    "@babel/core": "^7.4.5",
    "@babel/node": "^7.4.5",
    "@babel/preset-env": "^7.4.5",
    "@vue/cli-plugin-babel": "3.12.1",
    "@vue/cli-plugin-eslint": "3.12.1",
    "@vue/cli-service": "3.12.1",
    "@vue/eslint-config-prettier": "^4.0.1",
    "@vue/test-utils": "^1.0.0-beta.29",
    "babel-core": "^7.0.0-bridge",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^24.8.0",
    "babel-plugin-lodash": "^3.3.4",
    "babel-plugin-module-resolver": "^3.2.0",
    "css-loader": "^2.1.1",
    "cypress": "^3.4.1",
    "eslint": "^5.8.0",
    "eslint-config-prettier": "^4.3.0",
    "eslint-plugin-cypress": "^2.2.1",
    "eslint-plugin-prettier": "^3.1.0",
    "eslint-plugin-vue": "^5.0.0",
    "fs-extra": "^8.0.1",
    "jest": "^24.8.0",
    "jest-junit": "^6.4.0",
    "postinstall": "^0.4.2",
    "regenerator-runtime": "^0.13.1",
    "sass": "^1.23.7",
    "style-loader": "^0.23.1",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "vue-cli-plugin-vuetify": "^2.0.2",
    "vue-jest": "^3.0.4",
    "vue-template-compiler": "^2.5.21",
    "webpack-bundle-analyzer": "^3.3.2",
    "worker-loader": "^2.0.0"
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 10"
  ],
  "postinstall": {
    "generator/acl_actions.csv": "link public/acl_actions.csv",
    "generator/acl_fields.csv": "link public/acl_fields.csv"
  }
}

OS: Ubuntu 18.04

새로운 프로젝트를 만들어도 마찬가지입니다.새로운 프로젝트와 오래된 프로젝트 모두 Firefox에서 작동합니다.

이 버그는 webpack-dev-server 버전 3.9에서 도입되었습니다.https://github.com/webpack/webpack-dev-server/issues/2313

의존관계를 추가하여 버그 없이 이전 버전을 사용할 수 있었습니다.

"webpack-dev-server": "3.8.2"

devDependencies에서 @vue/cli-service 버전 변경(칠데 주의)

"@vue/cli-service": "~4.0.0",

그런 다음 node_modules, package-lock을 삭제한 후npm install그리고.npm run serve

도움이 되시길 바랍니다.

브라우저가 해당 머신의 유효한 시그니처에 도달하지 않아 인증 오류가 트리거된 경우 새 시그니처를 생성해 보십시오.OpenSSL을 사용하여 자체 서명 인증서를 생성하는 방법

다른 방법은 Chrome이 인증의 부재를 무시하도록 하는 것입니다: Chrome 주소 표시줄:

chrome://filename/#allow-filename-localhost

(답변: technipages )

언급URL : https://stackoverflow.com/questions/59139543/neterr-cert-invalid-error-when-running-vuejs-project