corejsvue報錯（vue 報錯）

本文目錄一覽：

• 1、vuejs報錯會直接進入debug模式嗎
• 2、初學 vue 報錯 實在是找不到哪裡出了問題？
• 3、怎麼查看vue 報錯
• 4、vue 服務端為node，已開啟cors跨域支持,請求報Network Errorat，如何解決？

vuejs報錯會直接進入debug模式嗎

會。vuejs是一套構建用戶界面的漸進式框架，調試過程中有問題出現，界面會報錯，並且直接進入debug模式，供程序員檢查修改問題。Debug是一種程序，一種調試工具。

初學 vue 報錯 實在是找不到哪裡出了問題？

login方法返回的是undefined，打斷點看看login方法和封裝的request方法，執行過程中有沒有什麼問題，在瀏覽器開發者管理工具network那可以看到你的login接口的執行情況，這樣一步步排查下。

怎麼查看vue 報錯

如果你的代碼沒有問題，顯示{{message}}的話，你首先應該打開開發者工具，看下是否有報錯，最大的可能是你vue.min.js引用路徑有問題，導致vue.min.js並沒有引用進文件。

vue 服務端為node，已開啟cors跨域支持,請求報Network Errorat，如何解決？

有可能是後端nginx配置問題，或者前端頁面是https，但是接口是http，也會引起network error，這裡給你一份簡單的nginx配置參考，root是vue編譯文件存放目錄，自行修改成你們服務器上的。

worker_processes  1;

events {

    worker_connections  1024;

}

http {

    include              mime.types;

    default_type         application/octet-stream;

    sendfile             on;

    keepalive_timeout    65;

    client_max_body_size 20m;

    server {

        listen          80;

        gzip            on;

        gzip_buffers    32 4K;

        gzip_comp_level 6;

        gzip_min_length 100;

        gzip_types      application/javascript text/css text/xml;

        gzip_disable    “MSIE [1-6]\.”;

        gzip_vary       on;

        location / {

            add_header Access-Control-Allow-Origin      *;

            add_header Access-Control-Allow-Credentials true;

            add_header Access-Control-Allow-Methods     ‘GET, POST, OPTIONS’;

            add_header Access-Control-Allow-Headers     ‘DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization’;

            root      /usr/share/nginx/html;

            index     index.html index.htm;

            try_files $uri $uri/ /index.html;

        }

    }

}