如何禁止他人通过vue的devtools 查看

发布网友发布时间：2022-04-26 14:10

共2个回答

热心网友时间：2022-04-20 02:36

如何禁止他人通过vue的devtools 查看
vue-cli

vue.js

k1868548 2016年12月15日提问

通过vue-cli 构建的项目打开index后在浏览器中应该无法使用vue的 devtool 并且应该提示Vue.js is detected on this page. Devtools inspection is not available because it's in proction mode or explicitly disabled by the author.
但是不知道怎么回事我在某一次编辑后，以后的所有build 都能正常使用 devtool 查看，不知道问题出在哪。不知道这个问题是什么原因造成的。

2个回答

已采纳

自己已经解决，生产环境把 sourcemap关闭

在开发环境下是可看到，切换成生产环境就看不到啦！
package.json 文件
...
"scripts": {
"dev": "webpack-dev-server --open --inline",
"build": "cross-env NODE_ENV=proction webpack --progress --hide-moles"
},

...

webpack.config.js 文件中
...
if (process.env.NODE_ENV === 'proction') {
mole.exports.devtool = '#source-map'
// http://vue-loader.vuejs.org/en/workflow/proction.html
mole.exports.plugins = (mole.exports.plugins || []).concat([
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"proction"'
}
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
})
])
...

热心网友时间：2022-04-20 03:54

这个还是可以的啊