如何在angularapp中更新基本相对URL?

时间:2018-02-13 16:17:47

标签: javascript angularjs

所以我有一个现有的角度应用程序,它只从根路径路由/导入(例如:hrefsrc)(即:/)。因此,应用加载http://localhost:8080/,基本网址为/。我想将其更改为http://localhost:8080/myapp/,以便所有链接都以/ myapp为前缀。

我尝试从这里更新此代码(它位于名为app.jps的Java jsp中):

<head>
    <base href="/" />

<head>
    <base href="/myapp" />

但这没有做任何事情,我仍然会遇到这样的错误(以及其他类似的错误):angular.js:11630 GET http://localhost:8080/angularapp/home/home.html?version=4 404 ()

还有很多其他错误,到目前为止页面只是空白(白色)。我是否必须逐步编辑所有这些网址以在其前面添加/myapp或者有更好的方法吗?

更多信息:

模板网址看起来像这样(在app.module.js中):

    $stateProvider
        .state('home', {
            url: '/',
            templateUrl: '/angularapp/home/home.html?version=' + window.version,
            controller: 'HomeCtrl',
            controllerAs: 'vm'
        })

2 个答案:

答案 0 :(得分:0)

好像你错过了结束斜杠。

<head>
<base href="/myapp/" />

请将href更新为“/ myapp /”,这应该有用。

答案 1 :(得分:0)

如果您将templateUrl更改为:

templateUrl: './angularapp/home/home.html?version=' + window.version,

它应该把它作为相对路径。 尝试一下,看看它给你的东西(假设你的基本网址已经关闭http://localhost:8080/myapp/)。