【油猴插件推荐】可显示抖音直播间实际人数 抖音怎么看10万以上在线人数 抖音直播粉丝统计平台 抖音直播粉丝 如何查看直播间的粉丝人数 如何查看主播直播数据记录 怎么查看抖音直播间人数抖音直播间人数大于10万就不显示了，只显示10万+这个浏览器插件可以让直播间实际人数显示出来，不管多少人都可以。实时显示直播间真实观看人数每5秒自动更新数据可查看详细统计，可查看直播间人数变化趋势(折线图)，粉丝数，直播点赞数等数据效果如下： 👉👉👉 点击访问油猴插件--显示抖音直播间人数Github地址： 👉点击访问详细数据地址： 👉点击访问{abtn icon="fa-link" color="#0094f0" href="https://douyin.phpnbw.com/" radius="" content="点我打开直播数据监控中心"/}　{lamp/}有任何问题可以在下方留言评论咨询

Vue打包到正式环境报错404解决方案 如果前端用了代理解决跨域，部署到同一个域名下，则注意打包输出的文件位置即可，如下：如果不是在同一个域名下，需要在Nginx服务器设置正向代理

全局引入element-ui import Vue from 'vue' import App from './App.vue' import router from "./routes" import auth from "./utils/auth" import axios from 'axios' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.config.productionTip = false // 使Mock生效 import '../mock/' Vue.prototype.$auth = auth Vue.prototype.$http = axios Vue.use(ElementUI) new Vue({ render: h => h(App), router }).$mount('#app')

Webpack配置文件模板 // 引入 webpack var webpack = require('webpack'); var path = require('path'); var htmlWebpackPlugin = require("html-webpack-plugin"); var autoprefixer = require('autoprefixer'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); console.log(webpack.optimize) module.exports = { devtool: 'eval-source-map',//配置生成Source Maps，选择合适的选项 // 页面入口文件配置 // entry可以是一个字符串，也可以是一个数组，还可以是一个对象 // __dirname是node.js中一个全局变量，它指向当前脚本所在的目录 entry: { index: __dirname+ '/app/main.js' //唯一入口文件 }, // 入口文件输出配置 output: { // output里的filename有三个值，[name],[hash],[chunkhash] path: __dirname+ '/public',//打包后文件存放的地方(输出文件的保存路径) filename: '[name].js'//[name]的值是entry的键值，[hash]是打包时的hash值，chunkhash是md5加密的值，这里是用作版本号使用（输出文件的名称） }, module: { // loader加载器 rules: [ { test: /\.json$/, use: ['json-loader']//webpack2中-loader不能省略 }, { test: /\.js[x]$/, use: ['babel-loader'], exclude: '/node_modules/' }, { test: /\.css$/, use: ['css-loader', 'style-loader'] }, { test: /\.less$/, use: ['css-loader', 'style-loader','less-loader','postcss-loader'] }, { test:/\.(png|jpg|gif|svg)$/i, use: ['file-loader'] }, { test: /\.html$/, use: ['html-loader'] } ] }, // 插件项 plugins: [ new webpack.LoaderOptionsPlugin({ options: { // 构建本地服务器 devServer: { contentBase: '/public', ////本地服务器所加载的页面所在的目录 port: '8080', //设置默认监听端口，如果省略，默认为"8080" inline: true, //设置为true，当源文件改变时会自动刷新页面 colors: true, //设置为true，使终端输出的文件为彩色的 historyApiFallback: true //在开发单页应用时非常有用，它依赖于HTML5 history API，如果设置为true，所有的跳转将指向index.html }, postcss:function() { return [autoprefixer]; } } }), new htmlWebpackPlugin({ filename:__dirname + '/public/index.html', template:__dirname + '/app/index.tmpl.html', inject:'body', miniify:{ removeComments:true, collapseWhitespace:true } }), new webpack.optimize.UglifyJsPlugin(), new ExtractTextPlugin("style.css") ] };

Vue.config.js 配置文件模板 module.exports = { /* 部署应用包的基本URL */ /* baseUrl 从 Vue CLI 3.3 起已弃用 ，请使用publicPath */ // baseUrl: process.env.NODE_ENV === "production" ? "./" : "./", publicPath: process.env.NODE_ENV === "production" ? "./" : "./", /* 生产环境构建文件的目录 defalut: dist */ outputDir: "dist", /* 放置生成的静态文件目录（js css img） */ assetsDir: "static", /* 指定生成的index.html 输出路径 相对 default: index.html */ indexPath: "index.html", /* 指定生成文件名中包含hash default: true */ filenameHashing: true, /* 是否保存时 lint 代码 */ lintOnSave: process.env.NODE_ENV === "production", /* 是否使用编译器 default: false */ runtimeCompiler: false, /* 默认babel-loader会忽略node_modules中的文件，你想显示的话在这个选项中列出来 */ // transpileDependencies: [], /* 生产环境的source map */ // 禁止console // drop_console: true, // 禁止debug语句 // drop_debugger: true, productionSourceMap: true, // crossorigin: "", integrity: false, configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'components': '@/components', 'views': '@/views', } } }, // css相关配置 css: { // 是否使用css分离插件 ExtractTextPlugin extract: true, // 开启 CSS source maps? sourceMap: false, // css预设器配置项 loaderOptions: {}, // 启用 CSS modules for all css / pre-processor files. modules: false }, devServer: { port: 8080, host: "0.0.0.0", https: false, // 自动启动浏览器 open: false, proxy: { "/api": { //代理路径 例如 https://baidu.com target: "https://baidu.com", // 将主机标头的原点更改为目标URL changeOrigin: true, ws: true, pathRewrite: { "^/api": "" } } } } };