前端常见错误

港控/mmm° 2022-08-29 13:48 37阅读 0赞

**目录**

vue.js:1906 TypeError: Cannot read property 'get' of undefined

下面这种方法，是针对vue的，文件名是vue才行，文件后缀是html的不行；

No 'Access-Control-Allow-Origin' header is present on the requested resource.

@CrossOrigin

Visual Studio Code如何调试代码

JSON.parse() 方法将一个 JSON 字符串转换为对象

JSON.stringify() JavaScript值(对象或者数组)转换为JSON字符串

fastjsonlist转json

--------------------

# vue.js:1906 TypeError: Cannot read property 'get' of undefined #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 1][]

添加：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 2][]

### 下面这种方法，是针对vue的，文件名是vue才行，文件后缀是html的不行； ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 3][]

输入：npm install vue-resource --save

安装完毕后，在main.js中导入，如下所示：

import  VueResource  from 'vue-resource'

Vue.use(VueResource)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 4][]

# No 'Access-Control-Allow-Origin' header is present on the requested resource. #

# @CrossOrigin #

在请求方法上配置

我们可以直接在相应的请求方法上添加 @CrossOrigin 注解，那么该方法则支持跨域。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 5][]

# Visual Studio Code如何调试代码 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 6][]

# JSON.parse() 方法将一个 JSON 字符串转换为对象 #

# JSON.stringify() JavaScript值(对象或者数组)转换为JSON字符串   ![20210720162523243.png][] #

解决：let rs = JSON.parse(JSON.stringify(res.body));

# fastjsonlist转json #

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70]: /images/20220829/896a273255384d219bfd096057a7ecc6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 1]: /images/20220829/1b56489c8b1f4497af2ad22d6bf382e2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 2]: /images/20220829/3e004bdc5db3424189bc21c8585c3679.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 3]: /images/20220829/1607955d806547ebac5afcf94b862ac0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 4]: /images/20220829/2b8ebe8e477f44f389c247507ca80785.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 5]: /images/20220829/fc74b35f28f8483b8e5e3ef83d9c8ce8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4OTk4MjEz_size_16_color_FFFFFF_t_70 6]: /images/20220829/4b85591badd944b18fb24fc7591f2a34.png
[20210720162523243.png]: /images/20220829/b33eb35a31cc4330b873dac834b5d2b8.png