Vue + Gin 问题汇总(持续更新)

Vue + Gin 问题汇总


问题1:Vue中触发Element UI的dialog后,页面变灰

解决方法:

在el-dialog标签中加入append-to-body属性。
在这里插入图片描述

问题2:Vue部署在Nginx后,访问后端接口404

Nginx中设置的转发规则如下:

location /api {
     ~~~~           ~~~~      proxy_pass http://localhost:8081/;
}

后端的输出信息:

在这里插入图片描述

解决方法:

修改转发规则如下:

location /api/ {
     ~~~~           ~~~~      proxy_pass http://localhost:8081/;
}

问题3:axios使用出错,显示undefined

原因:

忘记在vue组件中引入axios。

解决方法:

axios使用流程:

① 控制台中调用命令安装axios:
在这里插入图片描述

② main.js中:
在这里插入图片描述

③ vue组件中:
在这里插入图片描述


问题4:控制台报错,vue-cli-service不是内部或外部命令…

原因:

意外删除了node_modules文件夹。

解决方法:

npm install
npm run serve


问题5:npm run serve启动项目后,页面空白

原因:

index.html中忘记添加App标签。

解决方法:

在这里插入图片描述


问题6:如何在vue中引入外部js

方法:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


问题7:如何实现局部路由跳转

方法:

① index.js中,父路由添加子路由(子路由的path不带/):
在components中指定的形式是 “name:component”
其中router-view也具备name属性,使两个name相同,这样就把某个组件和特定的router-view绑定了。
在这里插入图片描述

② router-view标签中指定name为子路由的name
在这里插入图片描述

③ 事件函数中触发路由跳转
在这里插入图片描述

问题8:如何将从MySQL读取出的datetime类型字段转换为标准时间格式

方法:

在这里插入图片描述
as xxx不能省略,否则无法给结构体中对应字段成功赋值。


问题9:Vue读取Gin返回的Json数据,控制台打印为空

原因:

Vue读取后端返回的数据时,使用的Json字段名错误。

解决方法:

数据序列化后,相应的字段名是tag中设置的,Vue读取后端返回的数据时,要用结构体对应的tag,不能用结构体字段名或数据库字段名。
在这里插入图片描述


问题10:gorm如何进行复杂的update操作

描述:

基于原值进行运算得到的新值作为更新的值。

方法:

在这里插入图片描述

问题11:gorm报错:WHERE conditions required

原因:

通过gorm进行SQL操作必须指定where条件,即使是对全表操作。

解决方法:

在这里插入图片描述


问题12:使用Element UI的日期时间选择器,如何设置标准时间格式并消除8小时误差?

方法:

设置value-format=“yyyy-MM-dd HH:mm:ss”
在这里插入图片描述


问题13:每次打开新的终端,都需要执行 source /etc/profile 才能使环境变量生效

方法一:

在 ~/.bashrc 里面加一句 source /etc/profile,然后执行一次 source ~/.bashrc 使该文件生效即可。

方法二:

直接将配置语句写在 ~/.bashrc 里面,然后执行一次 source ~/.bashrc 使该文件生效即可。

参考来源:https://www.cnblogs.com/hwh000/p/13683368.html

猜你喜欢

转载自blog.csdn.net/weixin_46878177/article/details/128565196