Tag: vue.js

用脚本src链接安装Vuel.js有什么缺点？

我是编程新手，我学会了如何使用laravel和vuejs（现在在laravel 5.3中一起发布）。 我现在只练习Vuejs，想知道使用简单的src链接来安装Vuejs是什么错误，而不是用npm和node.js来安装复杂的方式，这对我来说是另一个学习曲线，如果我必须无论如何，学习它的道路。 感谢您的回答，我只是不明白什么是一个Vue.js安装简单的缩小src链接可能是错误的。

Eslint未定义import问题

我有一个像这样的App.js文件： import './bootstrap'; if (document.getElementById('vue')) { new Vue({ }); } 它会导入一个包含Vue npm包（节点模块）的引导JavaScript文件。 在我的引导文件中，我像这样导入它： import Vue from 'vue'; 当我运行eslint这个设置，虽然我被告知： “Vue”没有定义。 如果eslinter只检查每个文件，这看起来真的很明显，因为实际的Vuevariables是在导入的文件中定义的。 这可以干净地修复，或者我必须编辑我的.eslintrc.js像这样的情况？

如何添加与VueJs img src属性

在我的NodeJs路由中，我有以下几点： router.get('/list/:id', function(req, res, next) { request("http://localhost:3000/api/journal/" + req.params.id, function(error, response, body) { var json = JSON.parse(body); res.render('listdetail', { title: 'Journal', data: json }); }); }); 数据是一个包含我所有屏幕字段的json对象。 其中一个领域是一个图像的base64演示文稿。 然后，在我的清单详细html我有以下几点： <div id="app"> <img class="materialboxed" src="{{data.base64Image}}" width="200"> </div> 这肯定是行不通的…我如何添加到src属性由NodeJS发送的base64信息？ 我也尝试了以下内容： <img class="materialboxed" :src=imagebase64Source width="200"> <script type="text/javascript"> var app = new Vue({ el: '#app', data: { imagebase64Source: {{data.base64Image}} […]

如何从VueJs提交“multipart / form-data”

我在前端使用VueJs / axios，在nodejs使用简单的file upload工作。 到目前为止，所有的尝试都失败了。 虽然这可以在angular度1/2使用ng-upload和其他类似的插件100种方式实现。 但是VueJs似乎缺乏这个基本的function。 根据我的研究axios不支持“multipart / form-data”。 Ref https://github.com/mzabriskie/axios/issues/789 。 multer和其他nodejs库似乎可以从1/2的angular度无缝地使用“multipart / form-data”。 但是，相同的function不适用于VueJs。 除了axios支持“multipart / form-data”又名：WebKitFormBoundary吗？ 非常感谢

Highcharts-more.js在vue-cli项目中不起作用

这几个星期我在一个vue-cli项目上工作，我正在尝试做一个这样的极坐标图： https ： //www.highcharts.com/demo/polar-spider 由于这个图表需要highchart-more文件，因此我使用npm安装并导入了highcharts和highchart-more库。 但是，导入这两个文件后，我在我的铬控制台中得到以下错误，并不能加载高图。 错误 highcharts-more.js?7b43:8 Uncaught TypeError: p is not a function at eval (eval at <anonymous> (app.js:874), <anonymous>:8:212) at eval (eval at <anonymous> (app.js:874), <anonymous>:11:205) at eval (eval at <anonymous> (app.js:807), <anonymous>:39:67) at Object.<anonymous> (app.js:807) at __webpack_require__ (app.js:658) at fn (app.js:86) at Object.<anonymous> (app.js:1182) at __webpack_require__ (app.js:658) at app.js:707 at app.js:710 […]

如何组织由express / koa后端服务的webpacked vue.js应用程序？

我在设置一个易于debuggingvue.js项目与koa服务器结合的一些困难。 命令cross-env NODE_ENV=development webpack-dev-server –open –hot从webpack-simple生成configuration似乎是一件好事，但与koa / express一起使用这个命令的惯例是什么？ 我find的一个解决scheme是使用pm2同时启动vue和后端的webpack-dev-server，但是我认为这意味着我需要初始着陆vue.js应用程序页面的复制版本，目前正在从koa路线上/。 对于我来说这两种服务器的想法也是令人困惑的，而且感觉很奇怪。 所以，我想我一定是做错了！ 有人可以解释一个很好的常规方式做到这一点。

Laravel 5.4推送器错误

我在Laravel 5.4中使用推送器，但是出现以下错误： WebSocket连接到'ws：//ws.pusherapp.com/app/731e32c5f123456298e？protocol = 7＆client = js＆version = 4.1.0＆flash = false'失败：WebSocket在连接build立之前closures。 Pusher错误：{“type”：“WebSocketError”，“error”：{“type”：“PusherError”，“data”：{“code”：4001，“message”：“你忘了指定集群时创buildPusher实例？应用程序密钥731e32c5f123456298e在此群集中不存在。“}}}

将数据从Node传递给Vuejs

我有一个本地Node.js服务器运行在端口3000.我有另一个前端使用webpack，在8080上运行的开发服务器。节点连接到MySQL服务器。 我的项目结构如下所示： SampleProject -> BackEnd -> FrontEnd 我已经使用webpack-dev-server代理选项将来自webpack-dev-server（8080）的请求代理到节点（3000）。 开发服务器configuration我的webpack.config.js看起来像这样： – devServer: { proxy: { '/api': { target: 'http://localhost:3000' } }, historyApiFallback: true, noInfo: true } 我在services.js中写了一个Node api exports.getAllPatientData = function(req, res) { con.connection.query("SELECT fname, lname, city, country_code, TIMESTAMPDIFF(YEAR, DOB, CURDATE()) AS age FROM sbds_patient_data where pid = 1", function(err, result, fields) { if (err) { […]

在VueJs中发布未定义响应的请求

我是VueJs和Expressjs的初学者。 我正在试图通过Vuejs和ExpressJs后端。 我向后端（expressJs）发送一个post请求，并且： 1-响应是未定义的2-同时我可以在铬开发工具中看到2个请求。 一个是Option，另一个是Post。 3-邮递员根本没有问题。 这里是快递app.js的代码 console.log('Server is running') const express = require('express'), bodyParser = require('body-parser'), cors = require('cors'), morgan = require('morgan'); app = new express(); //Setup middleware app.use(cors()); app.use(morgan('combined')) app.use(bodyParser.json()) app.post('/register', (req, res, next) => { res.send({ message: `Hello ${req.body.email}! your user was registered!` }) }); app.listen(8081); 这里是VueJs中的代码： // Api Setting import axios […]

我无法使用passport-facebook来validation路线

下午好。 我前几天尝试使用express和passport-facebookvalidation路线，但没有成功。 而在客户端，我正在使用VueJs。 如果有人能帮我解决这个问题，我会很开心的。 我将在下面发布我的代码： express.js 'use strict'; let express = require('express'); let bodyParser = require('body-parser'); let cors = require('cors'); let cookieParser = require('cookie-parser'); let session = require('express-session'); let passport = require('passport'); let load = require('express-load'); module.exports = () => { let app = express(); //configurar a porta em que o express irá rodar app.set('port', […]