欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

net core + vue

程序员文章站 2022-12-15 16:16:57
.net core + vue 新手入门 ......
node.js下载地址   https://nodejs.org/en/download/
安装完成后 找到 node.js command prompt  打开即为node的命令窗口
执行命令       npm install -g @vue/cli
查看vue版本   vue --version
创建一个新项目  vue create hello-world
运行项目            npm run serve
打包项目             npm run build
打包之后得到dist文件夹  可以将打包的发布到iis 参考  https://www.jianshu.com/p/7cc266438f09 


新建net core项目
nuget 安装 
microsoft.aspnetcore.spaservices 2.11
vueclimiddleware 2.11
把 hello-world项目复制到core项目根目录

  public void configureservices(iservicecollection services)
  {
       services.addmvc().setcompatibilityversion(compatibilityversion.version_2_1);

       services.addspastaticfiles(configuration => { configuration.rootpath = "hello-world/dist"; });
  }


    app.usespa(spa =>
    {
        spa.options.sourcepath = "hello-world";

         if (env.isdevelopment())
         {
            spa.usevuecli(npmscript: "serve", port: 8080); // optional port
         }
    });

直接运行项目即可 访问 http://localhost:8080/ 就是你的core项目啦