该插件要求您首先初始化插件。
令牌将随您使用
vue
-resource插件发出的每个请求一起存储在Authorization标头中。
npm install
vue
-
token
--save
import Auth from "
vue
-
token
";
Vue
.use(Auth, options);
loginUrl: "/api/login",
signupUrl: "/api/users",
logoutUrl: "/api/logout",
refresh: false // Utilize the automatic refresh of
token
s (it will use the
token
from response.
token
as the new
token
)
[removed]
今天遇到了一个很怪的问题，在
vue
-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中
Unexpected
token
<。
怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题，其他页面完全正常
报错截图：
根据上面的情况和以往经验，应该在index.html页面及发生错误的页面定位问题，但均解决不了问题。
最后找到此项目的路由处，经过多次测试，解决问题，也确定了问题原由，原来是：路由中path的值不能以小写m开头，否则就会报上面的错误。
在此写下报错环境及条件：
vue
版本：2.5.2
vue
-router：3.0
BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分)
问题1.导航点击无法正常跳转,console打印:Error:Loading chunk {n} failed.
问题2.页面全白,console打印:Uncaught
SyntaxError
:
Unexpected
token
<
报错截图:
经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
npm install
json
-schema-editor-
vue
import
Json
SchemaEditor from '
json
-schema-editor-
vue
'
import '
json
-schema-editor-
vue
/lib/
json
-schema-editor-
vue
.css'
Vue
.use(
Json
SchemaEditor)
< template>
< div xss=removed>
<
json
xss=removed>
</ div>
</ template>
< script >
export default {
name : ' App ' ,
用
JSON
.parse(value)将string对象转换成object对象出错：
SyntaxError
:
Unexpected
token
o in
JSON
at
position
1
重复转换：由value本身就是object对象引发的，因为value本身就是object对象，此时再使用
JSON
.parse(value)方法后返回的是一个[object,Object]对象，
JSON
.parse(value)无法识别
这个问题在之前做项目时碰到过一次，当时按照网上的做法，去掉
JSON
.parse()这一层转换后就没有这个报错了，数据也能正常使用，就没多想，也没深究是什么原因。
可是这次又碰到了，所以这次必须要弄明白原因。
JSON
更多知识：https://blog.csdn.net/muzidigbig/article/details/83305325
报错的原因
因为你要转换...
按照提示进入文件，再看如下图：
仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。
解决方案：
解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
克隆此存储库，安装依赖项并使用dev命令运行。
# Clone this repository
git clone https://github.com/fagbokforlaget/
vue
-
json
schema-form.git
# Change directory to cloned path
cd
vue
-
json
schema-form
# Install dependencies
npm install
# Run in `DEV` mode
npm run dev
# Lint all source files using ESLINT
npm run lint
Uncaught
SyntaxError
:
Unexpected
token
o in
JSON
at
position
1 解决办法
今天刚看ajax打着书上的例题出现了上面错误，一开始也不知道怎么解决，后来尝试解竟然好了，
<script>
var obj = {name: 'Tom', age: 24}; // 准备要发送的数据
var
json
= ...
这个错误通常是因为
Vue
.js 代码中使用了 ES6 的语法，而浏览器不支持。解决方法有两种：
1. 使用 Babel 编译器把 ES6 代码转换成 ES5 代码。在
Vue
.js 项目中，可以通过在 webpack 配置文件中添加 babel-loader 来实现。
2. 在
Vue
.js 项目中使用 ES5 的语法，这需要修改代码中使用到箭头函数、模板字符串等 ES6 语法的地方。比如使用普通的函数定义替代箭头函数，使用字符串拼接替代模板字符串。
