Sails.js 如何将sailsjs与vuetify集成?
我正在尝试在我的sails项目中使用类似于vuetify组件的表。我可以让UI正常工作,但所有操作(按钮点击)都无法工作,除非我为该页面禁用parasails。任何人都有将sails与vuetify集成的经验吗?我遵循了以下示例: 但我没有使用vue引导,而是使用vue cli使用Vuetify:Sails.js 如何将sailsjs与vuetify集成?,sails.js,vuetify.js,Sails.js,Vuetify.js,我正在尝试在我的sails项目中使用类似于vuetify组件的表。我可以让UI正常工作,但所有操作(按钮点击)都无法工作,除非我为该页面禁用parasails。任何人都有将sails与vuetify集成的经验吗?我遵循了以下示例: 但我没有使用vue引导,而是使用vue cli使用Vuetify: vue create frontend cd frontend vue add vuetify 在我使用的vue.config.js中: // frontend/vue.config.js out
vue create frontend
cd frontend
vue add vuetify
在我使用的vue.config.js中:
// frontend/vue.config.js
outputDir: "../backend/assets/dependencies",
在后端,生成指向index.js的控制器路由:
// config/routes.js
'/*': { action:'index', skipAssets: true, skipRegex: /^\/api\/v1\/.*$/ },
内容如下:
// controllers/index.js
module.exports = {
friendlyName: 'View homepage',
description: 'Display homepage view',
exits: {
success: {
statusCode: 200,
description: 'Display the view index page.',
viewTemplatePath: 'pages/index'
},
},
fn: async function () {
return {};
}
};
view layouts/layout.ejs应包含以下内容:
<% /* views/layouts/layout.ejs */ %>
<!DOCTYPE html>
<html>
<head>
<title><%=typeof title == 'undefined' ? 'New Sails App' : title%></title>
<!-- Viewport mobile tag for sensible mobile support -->
<meta charset=utf-8>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport content="width=device-width,initial-scale=1">
<link rel=icon href=/favicon.ico>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--STYLES-->
<!--STYLES END-->
</head>
<body>
<noscript>
<strong>We're sorry but frontend doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id=app></div>
<!--TEMPLATES-->
<!--TEMPLATES END-->
<%- exposeLocalsToBrowser() %>
<!--SCRIPTS-->
<!--SCRIPTS END-->
</body>
</html>
很抱歉,如果未启用JavaScript,前端无法正常工作。请使其继续。
这是我更好的解决方法。如果我想知道另一种最简单的方法,因为我认为有必要修改parasails.js以直接上载组件,或者通过注册组件来更改注册页面的形式,以类似的方式使用唯一页面。您应该描述您已经尝试过的内容以及您的配置文件是什么