1.[Vue warn]: Error in mounted hook:
在vue文件中的mounted方法中使用了this.items,但是在data() return 中没有写返回items,在data()中return中加入 items: [] 就没问题了
2.传boolean值给控件
<component :isBack=false></component>
3.图片路径问题
在同一个.vue文件中,在style中,路径是在这个vue相对img的路径的,在script中,图片路径是相对index.html
4.XMLHttpRequest cannot load http://localhost:3000/login. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. The response had HTTP status code 500.
之前get的时候是没有问题的,之后发现是post未接收到数据,导致请求出错。
请求的时候,使用queryString()
import axios from "axios"
var qs = require('qs');
axios.post(global.API + path, qs.stringify({
username: username,
password: pwd
}), {
headers: {
'Content-Type': 'application/x-www-form-urlencoded',
}
}).then((res) => {
let {
data,
code
} = res.data;
if (code == 200) {
//.......
} else {
//.......
}
}, (res) => {
console.log(res.status);
});
后台处理请求
var bodyParser=require('body-parser');
var app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.post("/login", (req, res) => {
let name = req.body.username;
let pwd = req.body.password;
//.........
}