ember js中的動態細分

Question

我是ember js的新手。 我試圖在余燼項目中使用動態段，這給了我一個錯誤。我在瀏覽器中嘗試了localhost / 4200 / profile / john來獲取“ john”的信息。我認為它正在抱怨服務器中的api端點.js ..請幫助我找出我做錯了什么。

控制台中顯示錯誤：

GET localhost：4500 / api / users / john 404（未找到）

這些是我的文件；

router.js

Router.map(function() {

   this.resource('profile', { path: '/profile/:username' });
});

型號/user.js

import DS from 'ember-data';

export default DS.Model.extend({


    docType:DS.attr('string'),
    firstName:DS.attr('string'),


    userName:DS.attr('string'),
    password:DS.attr('string'),

    lastName:DS.attr('string'),
    mobileNo:DS.attr('string'),
    landNo:DS.attr('string'),
    address:DS.attr(
        {
        no:'string',
        street:'string',
        city:'string'
    }
    ),

    nicNo:DS.attr('string'),
    created_at:DS.attr('date'),
    updated_at:DS.attr('date')

});

路線/profile.js

import Ember from 'ember';

export default Ember.Route.extend({

    model: function(params, transition) {
        return this.get('store').find('user', params.username);
    }

});

server.js

app.get('/api/users', function(req,res) {
    UserModel.find({},function(err,docs) {
        if(err) {
            res.send({error:err});
        }
        else {
            res.send({user:docs});
        }
    });
});

模板/profile.hbs

<h2>Welcome user</h2>

{{#each item in model}}
{{item.userName}}
{{/each}}

Answer 1

您需要向應用程序添加適配器，並告訴它您的API在哪里。

//app/adapters/application.js
import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({
  namespace: 'api' //All requests will be made to api/*
});

請注意，我給您的示例正在使用JSONAPI適配器（Ember 2.0），但是還有一個RESTAdapter，您必須為您選擇合適的示例。