Vue + Gin 문제 요약
질문 1: Vue에서 요소 UI의 대화 상자를 트리거한 후 페이지가 회색으로 바뀝니다.
해결책:
el-dialog 태그에 append-to-body 속성을 추가합니다.
질문 2: Vue가 Nginx에 배포된 후 백엔드 인터페이스 404에 액세스
Nginx에서 설정한 전달 규칙은 다음과 같습니다.
위치 /api { ~~~~
~~~~ 프록시_패스 http://localhost:8081/;
}
백엔드의 출력 정보:
해결책:
다음과 같이 전달 규칙을 수정합니다.
위치 /api/ { ~~~~
~~~~ 프록시_패스 http://localhost:8081/;
}
질문 3: axios 사용에 정의되지 않은 오류가 표시됩니다.
이유:
vue 구성 요소에 axios를 도입하는 것을 잊었습니다.
해결책:
Axios 사용 프로세스:
① 콘솔에서 명령을 호출하여 axios를 설치합니다.
② main.js에서:
③ vue 컴포넌트에서:
질문 4: 콘솔에서 오류를 보고합니다. vue-cli-service는 내부 또는 외부 명령이 아닙니다...
이유:
실수로 node_modules 폴더를 삭제했습니다.
해결책:
npm 설치
npm 실행 서브
질문 5: npm run serve가 프로젝트를 시작한 후 페이지가 비어 있습니다.
이유:
index.html에 앱 태그를 추가하는 것을 잊었습니다.
해결책:
질문 6: vue에 외부 js를 도입하는 방법
방법:
질문 7: 로컬 라우팅 점프를 실현하는 방법
방법:
① index.js에서 상위 경로는 하위 경로를 추가합니다(자식 경로의 경로에는 /가 포함되지 않음):
구성요소에 지정된 형식은 "name: component" 이며
여기서 라우터 보기에도 이름 속성이 있으므로 두 이름이 동일하므로 구성 요소를 특정 라우터 보기에 바인딩합니다.
② Router-View 태그에 지정된 이름은 하위 경로의 이름입니다.
③ 이벤트 기능에서 트리거 라우팅 점프
질문 8: MySQL에서 읽은 날짜/시간 유형 필드를 표준 시간 형식으로 변환하는 방법
방법:
xxx는 생략할 수 없기 때문에 그렇지 않으면 값을 구조의 해당 필드에 성공적으로 할당할 수 없습니다.
질문 9: Vue는 Gin이 반환한 Json 데이터를 읽지만 콘솔 인쇄가 비어 있습니다.
이유:
Vue가 백엔드에서 반환된 데이터를 읽을 때 사용된 Json 필드 이름이 잘못되었습니다.
해결책:
데이터가 직렬화되면 태그에 해당 필드 이름이 설정되며 Vue는 백엔드에서 반환된 데이터를 읽을 때 구조 필드 이름이나 데이터베이스 필드 이름 대신 구조에 해당하는 태그를 사용해야 합니다.
질문 10: gorm은 복잡한 업데이트 작업을 어떻게 수행합니까?
설명하다:
원래 값을 기반으로 연산하여 얻은 새로운 값을 업데이트 값으로 사용합니다.
방법:
질문 11: Gorm이 오류 보고: WHERE 조건이 필요함
이유:
gorm을 통한 SQL 작업은 전체 테이블 작업의 경우에도 where 조건을 지정해야 합니다.
해결책:
질문 12: 요소 UI의 날짜 시간 선택기를 사용하여 표준 시간 형식을 설정하고 8시간 오류를 제거하는 방법은 무엇입니까?
방법:
값-포맷="yyyy-MM-dd HH:mm:ss" 설정
질문 13: 새 터미널을 열 때마다 환경 변수를 적용하려면 source /etc/profile을 실행해야 합니다.
방법 1:
~/.bashrc에 source /etc/profile 문장을 추가한 후 source ~/.bashrc를 1회 실행하면 파일이 적용됩니다.
방법 2:
~/.bashrc에 설정문을 직접 작성한 후 source ~/.bashrc를 1회 실행하면 파일이 적용된다.
참조 출처: https://www.cnblogs.com/hwh000/p/13683368.html