如何在sails js中使用vue.js
在Sails.js中使用Vue.js可以通过以下步骤实现：
- 安装Vue.js：在Sails.js项目的根目录下打开终端，运行以下命令安装Vue.js：
- 安装Vue.js：在Sails.js项目的根目录下打开终端，运行以下命令安装Vue.js：
- 创建Vue组件：在Sails.js项目中创建一个新的Vue组件，可以将其放置在
assets/js目录下的任意位置。例如，创建一个名为MyComponent.vue的组件文件。 - 编写Vue组件：在
MyComponent.vue文件中编写Vue组件的代码。可以使用Vue的模板语法、数据绑定、事件处理等功能来构建交互式的前端界面。 - 编写Vue组件：在
MyComponent.vue文件中编写Vue组件的代码。可以使用Vue的模板语法、数据绑定、事件处理等功能来构建交互式的前端界面。 - 在Sails.js视图中使用Vue组件：在Sails.js的视图文件中使用
<script>标签引入Vue.js，并在需要使用Vue组件的地方使用自定义的HTML标签。 - 在Sails.js视图中使用Vue组件：在Sails.js的视图文件中使用
<script>标签引入Vue.js，并在需要使用Vue组件的地方使用自定义的HTML标签。 - 初始化Vue应用：在Sails.js项目的入口文件（通常是
app.js或index.js）中初始化Vue应用。 - 初始化Vue应用：在Sails.js项目的入口文件（通常是
app.js或index.js）中初始化Vue应用。
现在，你可以在Sails.js中使用Vue.js来构建交互式的前端界面了。注意，以上步骤仅涵盖了在Sails.js中使用Vue.js的基本流程，具体的实现方式可能会因项目结构和需求而有所不同。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MySQL（CDB）、腾讯云对象存储（COS）等。你可以访问腾讯云官网了解更多相关产品和详细介绍：
相关·内容
我是Sails.JS的新手，想在我的视图中使用Vue.JS (每个.ejs都有一个脚本)，但我不知道正确的方法。如果我在视图的末尾创建一个脚本标记，则会抛出一个错误，因为Vue.JS尚未加载。因此，我在assets中创建了一个文件夹来保存我所有的.js文件，现在我不知道如何导入Vue-Resource而不会收到这个错误：Cannot read property 'get' of undefined.
我已经检查过这个：，但仍然没有成功。
谢谢你的帮忙!
浏览 3提问于2018-08-25得票数 2
我想使用Sails.js扩展项目与auth，登录和密码恢复与Vue.js前端应用程序。但我遇到了下一个问题:我无法从sails中获得csrf令牌。官方手册上说，应该是路由器来操作，从而生成csrf令牌：
{
"GET /csrfToken": { action: "security/grant-csrf-token" }
}
但是没有关于生成它的方法的任何信息。在内置的sails视图上，csrf来自于本地<%= _csrf %>。是否可以通过cors从sails.js内置的csrf模块获取csrf令牌？在另一个前端项目中使用sails.js的正确
浏览 1提问于2018-10-28得票数 0
回答已采纳
1回答
我想使用vue.js作为sails.js的前端，我试图使用中给出的方法进行配置，但它不适用于vue的最新版本，但我看不出有任何原因？有人能解释一下为什么它不工作吗？
最新版本不起作用：
来自example working的前一个版本：
浏览 3提问于2017-08-10得票数 4
我正在学习如何使用Sails.js和vue.js。因此，我试图开发一个小应用程序，其中有一个vue.js应用程序位于sails.js的资产/目录中。这样做的目的是在同一台服务器上为这两个应用程序提供服务(命令sails )，但是我遇到了一些麻烦来使其正常工作。
原因是因为sails服务器可以为我的vue应用程序(assets/web/dist/ index.html )提供索引文件，但其他vue资源将为404提供服务，因为我的vue index.html文件将请求类似于localhost:1337/web/dist/static/etc.的地址，而不是localhost:1337/web/di
浏览 1提问于2018-09-14得票数 2
回答已采纳
我们需要一个restful后端，为移动应用程序提供app。我们还需要一个管理网站来管理restful后端。
现在我们有Sails.js作为后端框架，Vue.js作为前端框架。
我对MVC框架非常陌生，我有点搞不懂这两个框架如何相互作用：
应：
前端框架不受限制地存在(可能在单独的服务器上)，它调用后端框架公开的api，或者
前端框架驻留在Sails.js中，充当Sails框架的“视图”
我甚至不能百分之百肯定我的问题是有效的，我想知道哪些是流行的方式，有什么利与弊？
浏览 0提问于2016-07-01得票数 0
回答已采纳
我正在尝试使用ajax / vue在标准的sails.js 1.0中使用一个简单的多选表单。根据Vue.js站点的说法，一切似乎都是正确的，但我得到了错误：
屏幕上出现错误:错误:在指令模型中插入钩子:需要其绑定的数组值，但未定义。
这是一个简化的版本，抛出了与select相同的错误，并填充了所有的ajax属性。
<select v-model="formData.select" multiple>
<option>A</option>
<option>B</option>
<option>C</op
浏览 9提问于2020-05-06得票数 0
1回答
我有一个Sails.js服务器和一个Vue Webpack应用程序分别运行。以下是我的文件夹结构：
/application-root/server/
/application-root/client/
/server/文件夹包含我的Sails.js应用程序和/client/包含我的Vue Webpack应用程序。
我不想分开招待这两个人。我希望能够只部署服务器并使其能够使服务器呈现Vue Webpack应用程序。我知道Sails使用.ejs作为模板引擎。
如何呈现我的Vue.js应用程序而不是Sails使用的默认.ejs模板？
我尝试了一些解决方案，如等，但它们都带来了一些妥
浏览 0提问于2018-05-07得票数 2
我将sails.js 1.0与vue.js结合使用，并希望创建一个包含基于用户偏好的动态输入量的动态表单。因此，用户应该能够添加另一个输入，输入数据并发送包含动态数据量的完整表单。
我的表格是这样的：
<ajax-form action="addStuff" :syncing.sync="syncing" :cloud-error.sync="cloudError" @submitted="submittedForm()" :handle-parsing="handleParsingForm">
...
浏览 0提问于2018-04-19得票数 4
回答已采纳
3回答
我已经通过Sails构建了我的网站后端，现在我想将Vue.js集成到我的项目中。我通过npm安装了Vue和VueResource --保存，并在资产/js文件夹中创建了一个app.js文件。
但是，当我在我的VueResource文件中需要Vue和app.js时，我会在Chrome中得到以下错误消息：
app.js:1 Uncaught ReferenceError: require is not defined
localhost/:57 Uncaught ReferenceError: Vue is not defined
我是JavaScript的新手，所以我所能知道的就是Javascr
浏览 6提问于2016-08-24得票数 0
回答已采纳
我正在使用Vue.js应用程序处理Sails (最新版本1.x)，在我的names.page.js中，我有 data: { names : [], //… }， beforeMount: function() {
// Attach any initial data from the server.
_.extend(this, SAILS_LOCALS);
this.names = [{id: 1, name: 'abc'}, {id:2, name: 'xyz'}]
}, 我可以在names.ejs中成功获取它，并显示对象的名称数组。 <pr
浏览 9提问于2019-01-22得票数 1
我是初学者，我正在尝试创建我的第一个API使用sails和mysql。我尝试在mysql控制台中创建表，并对configuration.js文件进行配置，并试图在chrome浏览器中从POSTMAN访问API。我从帆服务器上得到了下面的错误。我的查询没有这个字段，也不确定这些字段是否是标准字段，是否在查询中追加，也不确定如何自动创建这些字段作为表的一部分。
error: Sending 500 ("Server Error") response:
Error (E_UNKNOWN) :: Encountered an unexpected error
: ER_BAD_FIE
浏览 4提问于2015-03-01得票数 5
回答已采纳
我和水手一起工作，我试着用邮递员发邮件(，但我收到了错误：
TypeError: Cannot read property 'name' of undefined
at Object.module.exports.create (C:\Users\achraf\Desktop\crud\cruds\api\controllers\UserController.js:13:29)
at wrapper (C:\Users\achraf\AppData\Roaming\npm\node_modules\sails\node_modules\lodash\index.js:3095
浏览 4提问于2016-04-19得票数 1
我使用的是sails v0.10。我在/ service /Utility.js中创建了一个服务，我想在/policies/addWhere.js中使用Ulitity.js方法，我想知道是否可以在策略中使用服务。
我的Utility.js是这样的：
var util = require('util'),
_ = require('lodash');
module.exports = {
getRequestAction: function (req) {
if (req.options.action) return req.optio
浏览 0提问于2014-10-21得票数 0
我遇到了一个使用Sails.js框架(node.js)的问题。
它似乎在服务器启动时自动运行grunt。但我不想那样。为了防止出现这种情况，可以在.sailsrc文件中配置我们不希望启动的文件。()
但是，只有在使用sails lift命令运行服务器时才会考虑到这个特定的配置文件。如果我们使用node app.js，它就不会被使用。
重点是，我想永远用帆。但是，我不知道如何永远运行，并考虑到.sailsrc文件，这样Sails就不会独自发出咕噜声。
我使用的是BrowserSync，我需要按照非常具体的顺序启动，单独使用sails lift和grunt可以很好地工作，但是我不会以这种方式进行任
浏览 1提问于2015-10-09得票数 2
回答已采纳
2回答
我尝试用Node和Sails.js创建一个应用程序。我的API工作得很好，我得到了我需要的JSON，但是与Node集成时不会启动服务器。
我的package.json包含：
{
"name": "app-sails"
"main": "front/index.html"
"window": {
"toolbar": true,
"width": 1024,
"height": 600,
"ti
浏览 8提问于2014-09-23得票数 0
回答已采纳
我有些东西不明白。总是得到一个错误403。我有一个前端代码(vue.js)，这里我从Sails.js得到一个令牌_csrf，它是ok的。
axios.get('http://localhost:1337/csrfToken')
.then(response => {
this.$store.commit('csrf_update', response.data._csrf);
console.log("_csrf===",response.data._csrf);
浏览 2提问于2018-11-06得票数 1
回答已采纳
2回答
如何在i18n的引导下使用Sails.js？
这里是控制器操作中的"res.i18n“，但我没有找到像sails.i18n这样的全局实例(已经初始化了)。
我猜下面的代码应该可以在bootstrap.js中工作：
i18n = require('i18n'),
i18n.configure({
locales: sails.config.i18n.locales,
directory: sails.config.appPath + sails.config.i18n.localesDirectory,
defaultLocale: sails.conf
浏览 5提问于2013-09-30得票数 5
1回答
将Sails连接到
、、、
我正在学习Sails (和NodeJS)，并试图设置到的连接。到目前为止我所拥有的是：
一个名为test-project-db的数据库，里面有一个名为TestTable1的表。它有两列：name varchar(20)和description varchar(100)。
一个用sails new生成的sails项目，以及一个用sails generate api TestTable1生成的模型/组件。
我的文件：-api/model/TestTable1.js
module.exports = {
attributes: {
name: {
type: 's
浏览 0提问于2018-01-31得票数 0
回答已采纳
1回答
我是vue.js的新手，使用vue.js更新<li>列表，并使用vue.js从其他列表中选择元素。但是我得到了一个错误
vue.js:465 [Vue warn]: Error compiling template:
下面是我用编写的代码。
我做错了什么？
浏览 1提问于2018-06-06得票数 0
我在配置文件中使用另一个配置文件中设置的配置变量时遇到了问题。例如。
// file - config/local.js
module.exports = {
mongo_db : {
username : 'TheUsername',
password : 'ThePassword',
database : 'TheDatabase'
}
}
// file - config/connections.js
module.exports.connections = {
mongo_db: {
adap
浏览 2提问于2014-09-02得票数 12
回答已采纳
长话短说，我正在创建一个用户模型，它需要能够拥有到期的订阅，并且想知道如何使用Sails正确地存储它们。我需要的模型是：
User : {
...
subscriptions : [{
artist : <association>,
starts : {
type : "date"
},
expires : {
type : "date"
}
}]
...
我正在使用MongoDB，我知
浏览 4提问于2015-03-27得票数 3
2回答
模型验证在Sails.js中失败
、、、、
我在Employee.js中测试了下面的Sails.js模型，发现了一些让我很难理解的东西。
当发布创建新员工的表单时，我在Employee.js模型的第一个定义中得到了以下错误，但是Employee.js的第二个定义有效。那么，Employee.js的两个定义之间有什么区别呢？
错误：
Error (E_VALIDATION) :: 3 attributes are invalid
at WLValidationError.WLError (/usr/local/lib/node_modules/sails/node_modules/waterline/lib/waterline/e
浏览 0提问于2014-11-17得票数 7
我使用Vue.JS作为前端，Sails.JS作为后端。
一切都在我的本地机器和生产环境中工作，除了图片上传。
我得到以下错误：
POST http://{mysailsdomain}/api/v1/upload 413 (Request Entity Too Large)
Failed To Load http://{mysailsdomain}/api/v1/upload: No 'Access-Control-Origin' header is present on the requested resource. Origin 'http://{myvuedoma
浏览 14提问于2018-08-09得票数 0
我需要由Laravel中的Vue.js/React.js提供功能。Livewire是否取代了上面的(Vue.js/React.js)？谢谢
浏览 3提问于2020-12-09得票数 1
回答已采纳
1回答
我使用sails.js框架编写了一个应用程序。 I无法在控制器中运行后继索引。在ensureIndex中运行sails.js查询的方法是什么？
浏览 3提问于2014-07-31得票数 1
回答已采纳
如何在sails.js中创建“抽象”模型？基本上，我想创建一个具有通用属性的模型。然后，使用该“抽象”模型作为基础创建一个新模型，在新模型中具有这些公共属性，并将其作为新模型的一部分保存到数据库中。
浏览 2提问于2015-06-17得票数 3
1回答
我使用的是带有mongodb.I的sails js。我需要实现android和ios的推送通知。我怎样才能实现它。我在互联网上搜索了很多关于sails js推送通知的东西，但我没有找到任何有用的资源来实现sails js的推送通知。我尝试了node-push服务器，但不知道如何在sails js中配置node-push服务器，所以有没有人可以帮助我。
浏览 2提问于2015-07-17得票数 2
我已经实现了一个AngularJS应用程序，通过websockets通过sails.io.js与Sails后端进行通信。
由于后端基本上是一个纯API，并且也将连接到其他应用程序，所以我试图完全禁用会话并使用JWT。
我已经设置了express-jwt，并且可以很好地使用常规的HTTP请求，但是当我通过sails.io.js发送请求时，什么都不会发生-- websocket请求一直挂在客户机上，服务器上也没有发生任何事情(具有“愚蠢”的日志级别)。
我尝试过修补sails.io.js以支持，在连接时，我从角发送令牌，但在最好的情况下，我得到了来自快递jwt的错误消息的响应，表示凭据丢失了……
浏览 1提问于2015-05-07得票数 7
回答已采纳
在Sails.js应用程序中，如何有选择地包含javascript资产？
例如，如果我有一个管理页面，并且admin.js驻留在资产/js目录中。如何防止admin.js加载到公共索引页面上？
我知道我可以将js移出公共目录，并将脚本包含在我的admin视图的模板中。但是，在assets.js()调用插入它是javascript之后，我仍然无法包含它。我需要在加载sails.io.js脚本之后插入它。
是否有任何方式有选择地加载脚本，并且仍然可以访问sails.io.js，该自动包含在assets.js()函数调用中？对于这种情况，是否有更好的范例？
编辑：
由于SailsJS 0.9的发布和
浏览 12提问于2013-07-09得票数 3
我需要删除sails js的所有cookie，但我没有找到文档。问题是身份验证是使用token，而不是cookie，但是cookie是在sails js中向服务器发出请求时生成的。我需要在帆船上创建禁用cookie。谢谢
浏览 2提问于2014-08-13得票数 4
要在sails.js中实现angular 2材质，sails.js中的layout.js文件是什么
我们必须在layout.js ( angular2中的system.config.js文件)中进行哪些更改？
有谁能解释清楚这个概念吗？
浏览 4提问于2016-12-29得票数 0
回答已采纳
4回答
我一直在从事一个项目，在这个项目中，我需要根据访问权限/级别为sails.js中的用户创建和分配策略。
每个用户都可以访问他级别以下的所有级别，就像admin有一个级别9，他可以访问级别9以下的所有级别一样。
目前，所有策略都存储在
api/策略
文件夹中分配给控制器的
config/policies.js
module.exports.policies = {
UserController: {
"create": ['canCreate'],
"list": ['canRead'],
浏览 2提问于2015-04-21得票数 4
回答已采纳
2回答
我想使用下面的DB设计使用node.js创建一个sails.js应用程序：
Products <----> ProductAttributes <----> Attributes
请注意，这是一个给定的设计，不能更改。
尽管sails.js还不支持模型关联，但我想知道是否有可能覆盖模型的CRUD方法，甚至创建自己的方法，以便将上述设计应用于sails.js。
我怎么能这么做？
浏览 3提问于2013-04-23得票数 3
回答已采纳
帆1.0-测试版现在。
要做到这一点，您需要在app.js文件中添加一些内容，并使用node app.js而不是通常的sails lift或sails console运行应用程序。虽然这可以很好地替代sails lift，但我发现自己错过了控制台模式，运行快速测试非常方便。
我试着运行node app.js console和node app.js --console，但它只是在常规模式下提升了应用程序。我怀疑我需要在我的app.js中修改一些东西，但是我在文档中找不到任何东西。
有谁知道如何在控制台模式下运行具有类型记录兼容性的sails-1.0-beta吗？
浏览 6提问于2017-06-06得票数 1
回答已采纳
如何在sails.js中使用sails-disk作为会话适配器？
module.exports.session.adapter = 'sails-disk';
抛出：
error: A hook (`session`) failed to load!
error: Could not load Connect session adapter :: sails-disk
浏览 0提问于2017-08-31得票数 3
1回答
在Sails.js中可以插入多个记录吗？我使用的是MySQL，我需要根据来自API的请求将'n‘行保存到MySQL中。
我需要关于Sails.js的帮助谢谢
浏览 2提问于2016-05-06得票数 1
回答已采纳
1回答
当我设置strict: true时，我会得到错误：
vue.js:525 [Vue warn]: Error in watcher "state"
(found in root instance)
warn @ vue.js:525
run @ vue.js:1752
update @ vue.js:1720
notify @ vue.js:584
reactiveSetter @ vue.js:814
Transform.resize @ transform.js:169
e.resize @ map.js:343
e._onWindowResize @ map.js:12
浏览 2提问于2016-12-29得票数 1
回答已采纳
1回答
我肯定我不是唯一一个对VueJS2有这个问题的人。
我使用axios返回一个“person”数组，如何从person的父模型(公司)访问"name“属性？
在laravel中，我可以这样访问它：$person -> company -> name
但是如果我在person.company.name中使用VueJs2，就会产生一个错误。请帮帮忙，非常感谢！
错误是：
vue.js:526 TypeError: Cannot read property 'name' of undefined
at eval (eval at makeFunction (vue.
浏览 3提问于2017-10-03得票数 0
回答已采纳
我在前端应用程序中添加了socket.io-client.js。由于后端是由sails.js驱动的，所以我添加了sails提供的socket.io包装器：
当我刷新站点时，我在这一行中得到了一个错误：
Socket.prototype.get = function(url, data, cb)
控制台：
未定义的TypeError:无法读取未定义的sails.io.js:311 SailsIOClient sails.io.js:311 (匿名函数) sails.io.js:724 (匿名函数) sails.io.js:726的属性“原型”
这是sails.io.js脚本中的错误吗？
浏览 5提问于2014-04-25得票数 0
回答已采纳
我正在尝试设置一个本地HTTPS服务器，以便在Sails.js中进行测试。我找不到任何指针如何在sails.js中做到这一点？对于快递，
var express = require('express');
var https = require('https');
var http = require('http');
var fs = require('fs');
// This line is from the Node.js HTTPS documentation.
var options = {
key: fs.re
浏览 7提问于2013-07-20得票数 15
2回答
我刚刚使用Sails.JS安装了一个新的sails new sails。我已经安装了所有的依赖项，node_modules文件夹是可用的。但是当我试图使用sails lift运行服务器时，它会给我带来错误：
error:
error: Error:
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-
No `sails.config.sockets.onlyAllowOrigins` or `sails.config.sockets.beforeConnect`
setting was
浏览 0提问于2018-07-03得票数 3
回答已采纳
这是我第一次使用，但我需要为使用。
许多必须首先异步加载Facebook的文档。
我知道在StackOverflow上有一些关于这个话题的问题，但我的情况不同。
我不能使用这个选项，因为我使用的是，只有才会使用Facebook进行登录。
我对Vue.js还不太了解。尝试就像是打开了一罐全新的蠕虫。
在Vue.js单文件组件中是否有异步加载Facebook的示例？
浏览 2提问于2018-08-21得票数 1
1回答
我正在为我的sails js项目使用docker。是否知道如何检查是使用哪个命令来运行sails.js。我已经尝试了历史命令，但它没有给我之前运行的命令
谁能告诉我如何检查之前执行sailsjs时使用的是哪个命令？我需要重新启动sails.js
浏览 0提问于2018-09-13得票数 3
1回答
我不能运行水手的单元测试。我的测试(/ test /unit/test.js)似乎无法启航：
var Sails = require('sails');
var app;
before(function() {
console.log('before');
Sails.lift({
log: {
level: 'error'
}
}, function(err, server) {
console.log('lifted');
app = server;
don
浏览 2提问于2015-02-05得票数 0
回答已采纳
我想使用sails.js、mongodb和waterline创建分页表。
在sails.js中有什么特定的分页方法吗？
浏览 3提问于2014-10-30得票数 23
回答已采纳
1回答
我试图用Sails.js编写POST api，并想知道是否需要显式地使用body解析器来解析POST请求体。文档显示，
Sails与一套传统的HTTP中间件捆绑在一起，可以随时使用。当然，您可以禁用、覆盖、重新排列或附加到它，但是预先安装的堆栈对于开发或生产中的大多数应用程序来说都是完全可以接受的。
body-parser包含在它们的常规默认值中。这是否意味着Sails.js默认使用身体解析器，而我不需要做任何事情来使用它？如果没有，那么我需要做些什么才能在我的应用程序中使用身体解析器？
浏览 2提问于2015-02-08得票数 0
4回答
我对sails js是新手。我想在sails js中实现android和IOS的推送通知。
我在mongodb中使用Sails js。
谁可以帮助我关于配置或使用哪个插件来实现推送通知在sails js。
提前谢谢。
浏览 2提问于2015-07-17得票数 7
1回答
所以我创建了一个新的Sails.js项目，然后运行
$ sails generate api user
就像加载页面显示的那样。但是，现在当我用sails lift启动服务器时，我得到了一个错误：
sails lift
info: Starting app...
-----------------------------------------------------------------
Excuse my interruption, but it looks like this app
does not have a project-wide &#
浏览 2提问于2015-10-06得票数 5
回答已采纳
4回答
在一个全新的sails项目中，我添加了：
localMysql: {
adapter: 'sails-mysql',
host: 'localhost',
user: 'homestead',
password: 'secret',
database: 'sails'
},
在config.connections.js上，以及：
connection: 'localMysql',
migrate: 'alter'
在config.models.
浏览 0提问于2014-12-11得票数 3
我正在将2010年的RoR应用程序迁移到Sails.js。从表面上看，Sails.js似乎是将应用程序迁移到Node.js平台的最佳框架。在这个过程中，我遇到了一个限制--它似乎只适合通过local.js和生产环境来满足开发环境。
在RoR下，配置下有一个环境文件夹，其中包含开发、测试、暂存、生产等红宝石文件，其中包含为该环境定义的常量、日志记录级别等。我正在Sails.js下寻找相同结构的示例。
谢谢,
_K
浏览 6提问于2014-01-13得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
