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 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写,需写出详细代码,代价私
  • ¥15 ROS系统搭建请教(跨境电商用途)
  • ¥15 AIC3204的示例代码有吗,想用AIC3204测量血氧,找不到相关的代码。