Vue 프로젝트 개발 FAQ 및 솔루션 요약

2343 단어 vue문제cliaxios
Vue Cli 패키징 후 정적 리소스 경로가 잘못된 해결 방법
cli2 버전:
config/index를 사용합니다.js의 assetsPublicPath 값이'./'로 변경되었습니다.

build: {
 ...
 assetsPublicPath: './',
 ... 
}
cli3 버전:
루트 디렉터리에 새 vue를 만듭니다.config.js 파일, 그리고 다음 내용을 추가합니다. (이 파일이 있으면 직접 수정합니다.)

module.exports = {
 publicPath: '', //   HTML  ( )
}
Vue cli 3 오류 발생error: Unexpected console statement(no-console) 해결 방법
프로젝트의 루트 디렉터리에 있는 패키지입니다.json 파일의 eslintConfig: {}의 "rules": {"no-console": "off"}를 추가합니다. 다른 유사한 오류도 마찬가지입니다.

//  :
"eslintConfig": {
  "root": true,
  "env": {
   "node": true
  },
  "extends": [
   "plugin:vue/essential",
   "eslint:recommended"
  ],
  "rules": {
   "no-console":"off"
  },
}
axios 요청 취소 (예: 사용자 로그인 실효, 다른 요청 차단)

const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.interceptors.request.use(
  config => {
    config.cancelToken = source.token; //  cancelToken
      return config;
    },
    err => {
      return Promise.reject(err);
    }
  );
/**   **/
axios.interceptors.response.use(
  response => {
    //  101
    if ( response.data.code===101) {
      source.cancel(); //  
      // some coding
    }
    return response;
  },
  error => {
    if (axios.isCancel(error)) { //  , Promise 
      return new Promise(() => {});
    } else {
      return Promise.reject(error);
    }
  }
);
vue-photo-preview 그림 미리보기 실효 문제 기록

<img
  class="pic"
  v-for="(item,index) of imgList"
  :key="index"
  :src="item.smallFileName"
  :large="item.fileName"
  preview="0"
  preview-text=" "
>
imgList는 비동기적으로 데이터를 가져올 때 데이터를 얻은 후this.$를 호출해야 합니다.previewRefresh();새로 고침 리셋, 그렇지 않으면 ~~효력이 발생하지 않습니다
이상은 바로 Vue 프로젝트 개발의 흔한 문제와 해결 방안의 총결에 대한 상세한 내용입니다. 더 많은 vue 흔한 문제와 해결 방안에 대한 자료는 저희 기타 관련 문장에 주목하십시오!

좋은 웹페이지 즐겨찾기