Vue问题记录

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;    //.........}