Question

我遵循了本教程https://laraveldaily.com/quick-start-laravel-5-5-vue-js-simple-crud-project/

但是，当我加载localhost / admin / companies时，找不到页面。

我也尝试更改为

const router = new VueRouter({
 routes: [
   { path: '/admin/companies', component: CompaniesController }
 ]
})

但是我在VueRouter（{上看不到原因。“我收到“语法错误{”。有人可以帮忙吗？

谢谢！

Answer 1

Vue Router不会重新加载页面。 Vue Router不能像Laravel Router一样工作。每当Vue路线更改时，它所做的所有工作都会将不同的组件安装到特定区域。该区域由预定义的 router-view 元素定义。它会根据Vue路线更改安装组件。

刀片

var h = 350;
var w = 400;

monthlySales = [
  {"month":10, "sales":100},
  {"month":20, "sales":130},
  {"month":30, "sales":250},
  {"month":40, "sales":300},
  {"month":50, "sales":265},
  {"month":60, "sales":225},
  {"month":70, "sales":180},
  {"month":80, "sales":120},
  {"month":90, "sales":145},
  {"month":100, "sales":130}
];

var lineFun = d3.svg.line()
    .x(function(d) { return d.month*3;})
    .y(function(d) { return h-d.sales;})
    .interpolate("linear");

var svg = d3.select("body")
            .append("svg").attr({
              width:w,
              height:h
            });

var viz = svg.append("path")
            .attr({
              d: lineFun(monthlySales),
              "stroke": "purple",
              "stroke-width": 2,
              "fill": "none"
            });

Vue

<div class='box'>
    <router-view name="content-viewport"></router-view>
</div>

现在，当您转到 domain＃/ admin / companies 时，Vue会将组件CompaniesController挂载在“ content-viewport”中

Laravel + Vue JS路由显示页面未找到

1 个答案: