Memory_bellwether 2020-05-09 22:12 采纳率: 0%
浏览 377

node.js和vue结合使用的问题

描述:我使用了vue来渲染数据,然后用node来做后端路由,就出现了vue数据不会渲染的问题。页面上啥都没有。
之前这么做的都没有问题,但是这次就出现了问题,原本的网页代码有点多,
不方便查看,于是我新建了一个项目,也是一样的问题,下面贴上代码:

app.js 入口文件

var express=require('express')
var app=express()

app.use('/node_modules/',express.static('./node_modules/'))
app.use('/js/',express.static('./js/'))

app.engine('html', require('express-art-template'));
app.set('view engine', 'html');
// var render=require('./render.js')(app)
app.get('/home',function(req,res){

    // res.send("hello world")
    res.render("test.html",)

})
app.listen("5464",function(){
    console.log("server is running:http://localhost:5464")
})

test.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <ul>

                <li v-for="item in citys">
                    {{ item.name}}
                </li>

            </ul>
            <div>
                {{ hello}}
            </div>

        </div>


        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.2.6/vue.js"></script>
        <script>Vue.config.productionTip=false</script>
        <script src="https://unpkg.com/element-ui/lib/index.js"></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script type="text/javascript">
            var app = new Vue({
                el: "#app",
                data: {
                    citys: [
                        {name:'name1',age:18},
                        {name:'name2',age:14},
                        {name:'name3',age:19}
                    ],
                    hello: "hello"
                }
            })
        </script>
    </body>
</html>


  • 写回答

1条回答 默认 最新

  • dabocaiqq 2020-09-25 16:48
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 outlook无法配置成功
  • ¥15 Pwm双极模式H桥驱动控制电机
  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换