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